使用CSS建立網站時，您一定遇到過各種布局問題，最終可能會筋疲力盡。 這篇文章的目的是讓你的設計過程更容易，并在你遇到困難時為你提供快速的參考。
有疑問，調試時先驗證
首先驗證代碼通?？梢允∪ズ芏嗦闊? XHTML/CSS格式不正確會導致許多布局錯誤。
在其他瀏覽器中測試之前，首先在最高級的瀏覽器中編寫和測試CSS代碼，反之亦然
如果你在一個磨損的瀏覽器中編寫和測試，你的代碼將不得不依賴于那個磨損的瀏覽器的不良顯示，然后在一個符合標準的瀏覽器中測試。當你看到顯示結果“異?！睍r，你會非常沮喪。 相反，您應該在嘗試為較低級別的瀏覽器做計劃之前完善您的代碼。 這樣，您的代碼從一開始就符合標準，而且您不必費心支持其他瀏覽器。 當然，目前符合標準的瀏覽器無疑是Mozilla、Safari或Opera。
確保期望的效果確實存在
許多特定于瀏覽器的CSS擴展在正式標準中不存在 如果您指定了過濾器或滾動條的樣式，那么您將使用私有代碼，這在除了IE之外的其他瀏覽器中沒有效果。 如果驗證器告訴您代碼未定義，很可能您使用了私有樣式，這使得在不同的瀏覽器中很難獲得一致的結果。
如果布局中必須使用浮動對象，不要忘記在適當的時候使用clear屬性
漂浮的物體看起來既簡單又困難，它們并不總是人們所希望的。 如果您發現浮動對象超出了容器的邊界或沒有按預期顯示，請檢查您的預期是否正確。 關于這個問題，請參閱埃里克·邁耶的教程
邊距合并:可以使用填充或邊框來避免它。
你可能會被多余的(或不想要的)空燒死 如果使用邊距，邊距的合并可能是問題的根源。 安迪·巴德對此的解釋可能有助于你消除疑慮。
避免對同一元素同時應用填充/邊框和固定寬度
IE5的塊模型是錯誤的，但它做錯了什么。 也有權宜之計，但最好繞過這個問題，在子元素的寬度固定時給父元素分配填充。
避免工業工程下未指定樣式內容的閃爍
如果你只依賴

福州優橙互聯是一家專注于福州網站建設的網站制作公司，為客戶提供小程序制作，促進福州網絡的全網推廣和精準拓客。歡迎訪問http://www.simple-vegetarian-recipes.com