CSS布局需要注意的事项

在网页设计中使用CSS布局时，经常会忘记或没有注意到一些细节，从而导致最终的错误。那么CSS布局有哪些注意事项呢？

1.确定错误发生在哪里

如果错误影响了整体布局，可以将各个div块逐一删除，直到删除某个div块后显示恢复正常，即可确定错误发生在哪里。

2.检查CSS是否正确

检查拼写错误、忘记结尾处的}等。您可以使用CleanCSS来检查CSS是否存在拼写错误。CleanCSS是一个减轻CSS重量的工具，但它也可以检查拼写错误。

3.使用border属性来确定error元素的布局特性

4.检查HTML元素是否存在拼写错误以及是否忘记结束标签。即使是老手也经常会在div的嵌套关系上犯错误。您可以使用Dreamweaver的验证功能来检查是否有错误。

如果不小心的话，使用浮动属性布局可能会导致错误。这时候给元素添加border属性来确定元素边界，错误原因就会显露出来。

5.是否重置了默认样式？

有些属性，例如边距、填充等，不同的浏览器会有不同的解释。因此，开发前最好将所有margin和padding设置为0，liststyle设置为none等。

6.你忘记写DTD了吗？

如果无论如何调整，在不同浏览器中的显示结果仍然不同，您可以检查页面开头。

7、float元素的父元素不能指定clear属性。

在MacIE下，如果在float元素的父元素上使用clear属性，周围的float元素的布局将会混乱。这是MacIE的一个众所周知的错误。如果你不知道，你就会走弯路。

8.float元素必须指定width属性

许多浏览器在显示未指定宽度的浮动元素时都会出现错误。所以不管float元素的内容是什么，都必须为其指定width属性。