使用CSS建立网站时，您一定遇到过各种布局问题，最终可能会筋疲力尽。 这篇文章的目的是让你的设计过程更容易，并在你遇到困难时为你提供快速的参考。
有疑问，调试时先验证
首先验证代码通常可以省去很多麻烦 XHTML/CSS格式不正确会导致许多布局错误。
在其他浏览器中测试之前，首先在最高级的浏览器中编写和测试CSS代码，反之亦然
如果你在一个磨损的浏览器中编写和测试，你的代码将不得不依赖于那个磨损的浏览器的不良显示，然后在一个符合标准的浏览器中测试。当你看到显示结果“异常”时，你会非常沮丧。 相反，您应该在尝试为较低级别的浏览器做计划之前完善您的代码。 这样，您的代码从一开始就符合标准，而且您不必费心支持其他浏览器。 当然，目前符合标准的浏览器无疑是Mozilla、Safari或Opera。
确保期望的效果确实存在
许多特定于浏览器的CSS扩展在正式标准中不存在 如果您指定了过滤器或滚动条的样式，那么您将使用私有代码，这在除了IE之外的其他浏览器中没有效果。 如果验证器告诉您代码未定义，很可能您使用了私有样式，这使得在不同的浏览器中很难获得一致的结果。
如果布局中必须使用浮动对象，不要忘记在适当的时候使用clear属性
漂浮的物体看起来既简单又困难，它们并不总是人们所希望的。 如果您发现浮动对象超出了容器的边界或没有按预期显示，请检查您的预期是否正确。 关于这个问题，请参阅埃里克·迈耶的教程
边距合并:可以使用填充或边框来避免它。
你可能会被多余的(或不想要的)空烧死 如果使用边距，边距的合并可能是问题的根源。 安迪·巴德对此的解释可能有助于你消除疑虑。
避免对同一元素同时应用填充/边框和固定宽度
IE5的块模型是错误的，但它做错了什么。 也有权宜之计，但最好绕过这个问题，在子元素的宽度固定时给父元素分配填充。
避免工业工程下未指定样式内容的闪烁
如果你只依赖

福州优橙互联是一家专注于福州网站建设的网站制作公司，为客户提供小程序制作，促进福州网络的全网推广和精准拓客。欢迎访问http://www.g303.com