你地DIV+CSS網(wǎng)頁錯位的概念是否了解，這里和大家分享一下常見DIV+CSS網(wǎng)頁錯位問題及解決方法，希望對你的學(xué)習(xí)有所幫助。

DIV+CSS網(wǎng)頁錯位診斷

　　隨著WEB2.0標(biāo)準(zhǔn)化設(shè)計理念的普及，國內(nèi)很多大型門戶網(wǎng)站已經(jīng)紛紛采用DIV+CSS制作方法，奮斗網(wǎng)絡(luò)也成為了CSS網(wǎng)頁布局技術(shù)學(xué)習(xí)的先鋒站點，從實際應(yīng)用情況來看，此種方法絕對好于表格制作頁面的方法。

　　如今大部分網(wǎng)站仍然采用表格嵌套內(nèi)容的方式來制作網(wǎng)站，雖然此方法對于我們來說比較熟悉、比較上手；但是，它卻阻礙了一種更好的、更有親和力的、更靈活的，而且功能更強(qiáng)大的網(wǎng)站設(shè)計方法——DIV+CSS。

常見DIV+CSS網(wǎng)頁錯位問題

1、網(wǎng)頁在某版本的瀏覽器中顯示正常，不同其它版本瀏覽器顯示錯位不正常

2、本來是左右結(jié)構(gòu)網(wǎng)頁布局，但是左右成上下結(jié)構(gòu)錯位

3、文字列表型字行在不同瀏覽器中高度不一
等等...

解決DIV+CSS網(wǎng)頁錯位總體思路

1、遇到在不同版本瀏覽器中顯示高矮不一可以使用CSShack來解決

2、如果左右結(jié)構(gòu)網(wǎng)頁布局成了上下結(jié)構(gòu)布局。解決方法是檢查float浮動是否設(shè)置好；檢查左右寬度是否計算正確，是否設(shè)置左右寬度大于總寬度；div開始與div結(jié)束包含是否正確，可以使用設(shè)置border邊框來驗證，是否少了div標(biāo)簽結(jié)束或多了div

3、字體高度不一致，有沒有設(shè)置line-height或height屬性來控制字行間距、CSS字間距

4、可能是你CSS注釋有問題。
 

【編輯推薦】

1. CSS布局時需注意的八大技巧
2. IE6.0對padding的解讀分析
3. 揭露CSS中margins折疊現(xiàn)象內(nèi)幕
4. DIV+CSS開發(fā)Xhtml網(wǎng)頁對SEO優(yōu)化的影響
5. DIV CSS網(wǎng)頁布局中對段落進(jìn)行排版的方法