一、有疑問，先驗(yàn)證
在調(diào)試時(shí)，先對您的代碼進(jìn)行驗(yàn)證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導(dǎo)致許多布局上的錯(cuò)誤。
在其他瀏覽器中進(jìn)行測試之前，請先在最先進(jìn)的瀏覽器中撰寫和測試CSS代碼，而不是相反。
如果您在破舊的瀏覽器中編寫和測試，你的代碼就不得不依賴那個(gè)破舊瀏覽器的糟糕的顯示，然后在符合標(biāo)準(zhǔn)的瀏覽器中進(jìn)行測試，看到顯示結(jié)果“不正?！?nbsp;時(shí)，你會很沮喪的。相反，您應(yīng)該先將您的代碼完善，然后再設(shè)法為較低級的瀏覽器打算。這樣從一開始您的代碼就是符合標(biāo)準(zhǔn)的，你不必再為支持其他瀏覽器而勞心費(fèi)神。當(dāng)然了，目前遵從標(biāo)準(zhǔn)的瀏覽器無疑就是 Mozilla， Safari 或 Opera。
二、確保您期望的效果確實(shí)存在
許多特定的瀏覽器專有的CSS擴(kuò)展在正式標(biāo)準(zhǔn)中并不存在。 如果您對 filter（濾鏡）或滾動條指定了樣式，那么您就用了私有代碼，除了IE之外，在別的瀏覽器中毫無作用。如果驗(yàn)證器告訴您代碼沒有定義，極有可能您用了私有樣式，這樣在不同的瀏覽器中很難達(dá)到一致的效果。
如果布局中一定要用浮動對象，別忘了適時(shí)使用清除（clear）屬性。
浮動對象似易實(shí)難，而且不總是令人如愿以償。如果您發(fā)現(xiàn)浮動對象伸出了容器的邊界，或者不像您所期望的那樣顯示，請檢查您的期望是否正確。關(guān)于這個(gè)問題請看Eric Meyer的教程
邊距的合并：可用padding 或 border 來避免。
您可能被多余的（或者想要卻不出現(xiàn)的）空白搞得焦頭爛額。如果您用了 margins，邊距的合并可能就是問題的根源。 Andy Budd 對此的解釋可能為你解惑。
避免將 padding/border 和固定寬度同時(shí)應(yīng)用到同一元素。
IE5 的區(qū)塊模型是錯(cuò)誤的，是它把事情辦壞了。對此也有權(quán)宜之計(jì)，不過最好是繞過這個(gè)問題，當(dāng)子元素的寬度固定時(shí)，為父元素指定padding。
三、避免IE下未指定樣式內(nèi)容的閃爍。
如果您僅僅靠 @import 來輸入外部樣式表，早晚您會發(fā)現(xiàn)IE有“閃爍”的毛病。在應(yīng)用CSS樣式之前，未經(jīng)格式化的HTML文本會短暫地出現(xiàn)。這是可以避免的。（上）
重慶網(wǎng)絡(luò)公司 重慶網(wǎng)站建設(shè) 重慶網(wǎng)頁制作 重慶網(wǎng)站推廣 汽車經(jīng)紀(jì)系統(tǒng) 公墓軟件
| 
當(dāng)前位置：
