在用CSS网站建设时，你一定遇见过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让你的设计过程更为容易，当你遇见困境时为你提供迅速参考。
有疑问，先验证
在调试时，先对你的代码进行验证总是能省去不少麻烦事。格式不正确的XHTML/CSS 会致使很多布局上的错误。
在其他浏览器中进行测试之前，请先在最早进的浏览器中写作和测试CSS代码，而不是相反。
假如你在破旧的浏览器中撰写和测试，你的代码就不能不依靠那个破旧浏览器的糟糕的显示，然后在符合标准的浏览器中进行测试，看到显示结果不正常时，你会非常沮丧的。相反，你应该先将你的代码健全，然后再设法为较低级的浏览器计划。如此从刚开始你的代码就是符合标准的，你不必再为支持其他浏览器而劳心费神。当然了，现在遵从标准的浏览器无疑就是 Mozilla， Safari 或 Opera。
确保你期望的成效确实存在
很多特定的浏览器专有些CSS扩展在正式标准中并没有。 假如你对 filter（滤镜） 或滚动条指定了样式，那样你就用了私有代码，除去IE以外，在别的浏览器中毫无用途。假如验证器告诉你代码没概念，极大概你用了私有样式，如此在不一样的浏览器中非常难达到一致的成效。
假如布局中必须要用浮动对象，别忘了当令用清除（clear）属性。
浮动对象似易实难，而且不一直让人如愿以偿。假如你发现浮动对象伸出了容器的边界，或者不像你所期望的那样显示，请检查你的期望是不是正确。关于这个问题请看Eric Meyer的课程
边距的合并：可用padding 或 border 来防止。
你可能被多余的（或者想要却不出现的）空白搞得焦头烂额。假如你用了 margins，边距的合并可能就是问题的根源。 Andy Budd 对此的讲解可能为你解惑。
防止将 padding/border 和固定宽度同时应用到同一元素。
IE5 的区块模型是不对的，是它把事情办坏了。对此也有权宜之计，不过最好是绕过这个问题，当子元素的宽度固定时，为父元素指定padding。
防止IE下未指定样式内容的闪烁。
假如你仅仅靠 @import 来输入外部样式表，早晚你会发现IE有闪烁的问题。在应用CSS样式之前，未经格式化的HTML文本会短暂地出现。这是可以防止的。
别指望 min-width 在IE中有用。
IE不支持它，但它将 width 当作 min-width，所以通过一些 IE 的过滤方法（filtering），可以达成同样的最后成效。
把CSS过滤器（filters）当作最后的方法
CSS 方法和过滤器可以使你有选择地应用到（或者不应用到）某些元素。应当尽量地找到标准的跨浏览器的解决方法来达成你想要的成效，而不是动不动就用过滤器。要将它当成走投无路时的救命方法。在这里可以找到很多的CSS 过滤方法。［译注：不要把这里的filters和IE中的滤镜混淆。因为每个浏览器对CSS标准的支持程度不一，大家找到了很多方法，将浏览器没办法讲解或错误讲解的样式表或规则屏蔽掉。这就是所谓的CSS过滤器或方法。webjx.com
假如用了锚点，在应用超链接样式时要特别小心。
假如你在代码中用了传统的锚点（），你会注意到 ：hover 和 ：active伪类也会用途于它。要防止这种情形，你可以用 id，或者用不为人知的语法： ：link:hover， ：link:active
