DIV+CSS網(wǎng)頁(yè)錯(cuò)位診斷和解決方法
你地DIV+CSS網(wǎng)頁(yè)錯(cuò)位的概念是否了解，這里和大家分享一下常見(jiàn)DIV+CSS網(wǎng)頁(yè)錯(cuò)位問(wèn)題及解決方法，希望對(duì)你的學(xué)習(xí)有所幫助。
DIV+CSS網(wǎng)頁(yè)錯(cuò)位診斷
隨著WEB2.0標(biāo)準(zhǔn)化設(shè)計(jì)理念的普及，國(guó)內(nèi)很多大型門(mén)戶(hù)網(wǎng)站已經(jīng)紛紛采用DIV+CSS制作方法，奮斗網(wǎng)絡(luò)也成為了CSS網(wǎng)頁(yè)布局技術(shù)學(xué)習(xí)的先鋒站點(diǎn)，從實(shí)際應(yīng)用情況來(lái)看，此種方法絕對(duì)好于表格制作頁(yè)面的方法。
如今大部分網(wǎng)站仍然采用表格嵌套內(nèi)容的方式來(lái)制作網(wǎng)站，雖然此方法對(duì)于我們來(lái)說(shuō)比較熟悉、比較上手；但是，它卻阻礙了一種更好的、更有親和力的、更靈活的，而且功能更強(qiáng)大的網(wǎng)站設(shè)計(jì)方法——DIV+CSS。
常見(jiàn)DIV+CSS網(wǎng)頁(yè)錯(cuò)位問(wèn)題
1、網(wǎng)頁(yè)在某版本的瀏覽器中顯示正常，不同其它版本瀏覽器顯示錯(cuò)位不正常
2、本來(lái)是左右結(jié)構(gòu)網(wǎng)頁(yè)布局，但是左右成上下結(jié)構(gòu)錯(cuò)位
3、文字列表型字行在不同瀏覽器中高度不一
等等...
解決DIV+CSS網(wǎng)頁(yè)錯(cuò)位總體思路
1、遇到在不同版本瀏覽器中顯示高矮不一可以使用CSShack來(lái)解決
2、如果左右結(jié)構(gòu)網(wǎng)頁(yè)布局成了上下結(jié)構(gòu)布局。解決方法是檢查float浮動(dòng)是否設(shè)置好；檢查左右寬度是否計(jì)算正確，是否設(shè)置左右寬度大于總寬度；div開(kāi)始與div結(jié)束包含是否正確，可以使用設(shè)置border邊框來(lái)驗(yàn)證，是否少了div標(biāo)簽結(jié)束或多了div
3、字體高度不一致，有沒(méi)有設(shè)置line-height或height屬性來(lái)控制字行間距、CSS字間距
4、可能是你CSS注釋有問(wèn)題。
【編輯推薦】
- CSS布局時(shí)需注意的八大技巧
- IE6.0對(duì)padding的解讀分析
- 揭露CSS中margins折疊現(xiàn)象內(nèi)幕
- DIV+CSS開(kāi)發(fā)Xhtml網(wǎng)頁(yè)對(duì)SEO優(yōu)化的影響
- DIV CSS網(wǎng)頁(yè)布局中對(duì)段落進(jìn)行排版的方法
