1.若有疑問(wèn)立刻檢測(cè)
　　在出錯(cuò)時(shí)若能對(duì)原始代碼做復(fù)雜檢測(cè)可以省去很多頭痛效果。W3C關(guān)于XHTML與CSS 都有檢測(cè)工具可用。請(qǐng)留意，在文件掃尾的錯(cuò)誤，能夠由于不當(dāng)?shù)慕Y(jié)構(gòu)等要素形成更多錯(cuò)誤；我們建議先修正一些清楚的錯(cuò)誤之后重新檢測(cè)，這樣也許會(huì)讓錯(cuò)誤數(shù)量爆減。

　　2.運(yùn)用浮動(dòng)功用時(shí)記得適當(dāng)肅清指令

　　浮動(dòng)是個(gè)風(fēng)險(xiǎn)的功用，未必會(huì)發(fā)生您所希冀的結(jié)果。假設(shè)您遇到浮動(dòng)元素延伸到中心容器的邊框或許其他不正常狀況，請(qǐng)先確定您的做法是正確的。請(qǐng)參閱Eric Meyer 在Complex Spiral Consulting Web 網(wǎng)站上的教學(xué)。

　　3.邊界重合時(shí)應(yīng)用padding或border來(lái)防止

　　您能夠會(huì)為了一點(diǎn)不應(yīng)該出現(xiàn)的空間而焦頭爛額，或許您需求一點(diǎn)點(diǎn)空間時(shí)，怎樣都擠不出來(lái)。假設(shè)您有用到margin，那么很容易發(fā)生邊界的重合；Andy Budd在他的網(wǎng)站上解釋了能夠的做法。

　　4.嘗試防止同時(shí)對(duì)元素指定padding/border以及高度或?qū)挾?/p>

　　Windows版IE經(jīng)常招致width與height的計(jì)算效果。有些方法可以處置此效果，但假設(shè)母元素需求指定高度與寬度時(shí)盡量在母元素之內(nèi)的子元素套用margin,或許當(dāng)子元素需求指定高度與寬度時(shí)，在母元素套用padding以達(dá)效果。

　　5.不要依賴(lài)min-width/min-height

　　Windows版IE并不援助兩種語(yǔ)法。但是在某種水平下，windows版IE可以到達(dá)相當(dāng)于min-width/min-height的效果，所以只需對(duì)IE做點(diǎn)過(guò)濾功用，即可到達(dá)您想要的結(jié)果。

　　6.若有疑問(wèn)，先增加百分比

　　有時(shí)分某些錯(cuò)誤解使50%+50%成為100.1%，使網(wǎng)頁(yè)出現(xiàn)效果。這時(shí)請(qǐng)嘗試將這些值改為49%，甚至49.9%。

　　7.記住“TRouBLed”寫(xiě)法

　　Border，margin與padding的簡(jiǎn)寫(xiě)語(yǔ)法有特定順序，從上方末尾順時(shí)針?lè)较蜣D(zhuǎn)動(dòng)：top,right,bottom,left. 所以margin:0 1px 3px 5px;的結(jié)果是上方無(wú)邊界，左邊1像素，以此類(lèi)推。記住“TRouBLe”，您就不會(huì)弄錯(cuò)次第了。

　　8.只需不是零的值，都要指定單位

　　CSS需求您對(duì)每個(gè)font，Margin等各種值指定單位。（獨(dú)一的例外是line-height）