8.26日(rì)音(yīn)訊,css搭檔div不(bùΩ )可(kě)忽略的(de)幾點常識錯(cuò)誤

　　8.26日(rì)音(yīn)訊,css搭檔p不₩§(bù)可(kě)忽略的(de)幾點常識錯(cu€ ò)誤，DIV+CSS是(shì)網站(∑‍&zhàn)标準（或稱“Web标準&rdquo≈σ‌≠;）中常用(yòng)的(de)術(shùφ  ε)語之一(yī)，通(tōng)常為(wèi)了(le)說(shuō)明'✔€♠(míng)與HTML網頁設計(jì)語言中的(de)表格（tab♠₩£→le）定位方式的(de)區(qū)别，因為(wèi)XH•λβTML網站(zhàn)設計(jì)标準中，不"↓¶λ(bù)再使用(yòng)表格定位技(jì)術(shù)，而是(s∞ ∑hì)采用(yòng)DIV+CSS的(de)方式實現(xià∞✔n)各種定位。應用(yòng)DIV+CSS編£₩​碼時(shí)很(hěn)容易犯一(yī)些(xiē≈✔±")錯(cuò)誤。邯鄲網站(zhàn)建設首創網絡來(lái)給大(dà)家(jiā)列舉了(le)一(yī)些(x↕‌‍iē)常見(jiàn)的(de)錯(cuò≤¶®↔)誤，以使大(dà)家(jiā)能(nén≈ε↕g)夠減少(shǎo)不(bù)必要(yào♠Ω)的(de)問(wèn)題：

　　推薦專題：Web标準化(huà)—&m εdash;跨浏覽器(qì)開(kāi)發教程

　　1.檢查HTML元素是(shì)否有(yǒu)拼 • 寫錯(cuò)誤、是(shì)否忘記結束标記£≠§∞

　　即使是(shì)老(lǎo)手也(yě)經常☆Ω會(huì)弄錯(cuò)p的(de)嵌套關系。可(k‍αě)以用(yòng)dreamweaver的(de)φ☆πγ驗證功能(néng)檢查一(yī)下(xià)•Ω有(yǒu)無錯(cuò)誤。

　　2.檢查CSS是(shì)否正确

　　檢查一(yī)下(xià)有(yǒu)無拼寫錯(cεα​uò)誤、是(shì)否忘記結尾等。可(kě)以利用✔∑$&(yòng)CleanCSS來(lái)§✔♣檢查CSS的(de)拼寫錯(cuò)誤。™₩CleanCSS本是(shì)為(wèi)CSS減肥的(de)工(g±↑≥ōng)具，但(dàn)也(yě)能(néng)檢查出拼寫錯×"♦(cuò)誤。

　　3.确定錯(cuò)誤發生(shēng)的(de)位置γ®

　　如(rú)果錯(cuò)誤影(yǐng)響了(le)整體(tǐ ←")布局，則可(kě)以逐個(gè)删除p塊™<✔，直到(dào)删除某個(gè)p塊後顯示恢複正常，即可(kě)确定錯(↔Ωcuò)誤發生(shēng)的(de)位置。

　　4.利用(yòng)border屬性确β>定出錯(cuò)元素的(de)布局特性

　　使用(yòng)float屬性布局一(yī)不(bù)小(xiǎo)心™•就(jiù)會(huì)出錯(cuò)。這(zhè)時(shí)為(≥σ∏βwèi)元素添加border屬性确定元素邊界，錯(cuò)誤✘<§₽原因即水(shuǐ)落石出。

　　5.float元素的(de)父元素不(bù)能(n¥£éng)指定clear屬性

　　MacIE下(xià)如(rú)果對(duì)flβ δ∏oat的(de)元素的(de)父元素使用(yòng)clear屬性，周圍₽λ♥©的(de)float元素布局就(jiù)會(h₽"Ωuì)混亂。這(zhè)是(shì)MacIE∑∞‌的(de)著(zhe)名的(de)bug，倘若不(bù₩↑βπ)知(zhī)道(dào)就(jiù)會(huì)走↑α‌≠彎路(lù)。

　　6.float元素務必指定width屬性

　　很(hěn)多(duō)浏覽器(qì)在顯示未指定w§♠&idth的(de)float元素時(shí)會(huì)有(yǒu)β<bug。邯鄲網站(zhàn)建設告訴大(dà)家(jiā)不(bù)管≠&γ∞float元素的(de)內(nèi)容如(rú)何，一(yī)定要(yào)π✔®₩為(wèi)其指定width屬性。另外(wài)指定元素時(shí)盡量使®✔<∑用(yòng)em而不(bù)是(shì)px做(zuò)單位。‍π

　　7.float元素不(bù)能(néng)指定margin和(>←€<hé)padding等屬性

　　IE在顯示指定了(le)margin和(hé)paddi♦↑λ←ng的(de)float元素時(shí)有(yǒu)bug。因此不(bùπ∑)要(yào)對(duì)float元素指定ma✔≈→∑rgin和(hé)padding屬性(可(kě)以在float元素內(nèi)α<'部嵌套一(yī)個(gè)p來(lái)設置margin和(hé)paddin↔∑g)。也(yě)可(kě)以使用(yòng)hack方法為(wèi)™≤♣§IE指定特别的(de)值。

　　8.float元素的(de)寬度之和(hé)要(yào)小(xiǎo <)于100%

　　如(rú)果float元素的(de)寬度之和(hé)正好(hǎo $)是(shì)100%，某些(xiē)古老(lǎo)的(de)浏♦±覽器(qì)将不(bù)能(néng)正常顯示。因此請($©₽qǐng)保證寬度之和(hé)小(xiǎo→♦)于99%。

　　9.是(shì)否重設了(le)默認的(de)樣式?

　　某些(xiē)屬性如(rú)margin、padding等，不'>(bù)同浏覽器(qì)會(huì)有(yǒu)不(bù)同的(βφ±&de)解釋。因此最好(hǎo)在開(kāi)發前首先将全體(tǐ)的(d​∏×e)margin、padding設置為(wèi≈β×)0、列表樣式設置為(wèi)none等。

　　10.是(shì)否忘記了(le)寫D§€TD？

　　如(rú)果無論怎樣調整不(bù)✔©同浏覽器(qì)顯示結果還(hái)是(shì)不(bù)一(δ↓$λyī)樣，那(nà)麽可(kě)以檢查一(yī)下(xià)頁面開∏↑(kāi)頭是(shì)不(bù)是(shì)忘了(le)寫下(xià)面這∑±∑(zhè)行(xíng)DTD：,css搭檔p不(bù)可(kě)忽略的≈♥(de)幾點常識錯(cuò)誤。