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

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

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

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

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

　　4.嘗試防止同時(shí)對元素指定padding/border以及高度或寬度

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

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

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

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

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

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

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

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

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