DIV和CSS一些常见错误

CSS ＋ P 网站规范（或称 “ WEB 规范 ” 中常用的术语之一，通常为了说明与 HTML 网页设计语言中的表格（ tabl 定位方式的区别，因为 XHTML 网站设计规范中，不再使用表格定位技术，而是采用 css+div 方式实现各种定位。应用应用 P+CSS 编码时很容易犯一些错误。本文列举了一些常见的错误：

1. 检查 HTML 元素是否有拼写错误、否忘记结束标记

即使是老手也经常会弄错 div 嵌套关系。可以用 dreamweav 验证功能检查一下有无错误。

2. 检查 CSS 否正确

检查一下有无拼写错误、否忘记结尾的 } 等。可以利用 CleanCSS 来检查 CSS 拼写错误。 CleanCSS 本是为 CSS 减肥的工具，但也能检查出拼写错误。

3. 确定错误发生的位置

如果错误影响了整体布局，则可以逐个删除 div 块，直到删除某个 div 块后显示恢复正常，即可确定错误发生的位置。

4. 利用 border 属性确定出错元素的布局特性

使用 float 属性布局一不小心就会出错。这时为元素添加 border 属性确定元素边境，错误原因即水落石出。

5. float 元素的父元素不能指定 clear 属性

MacIE 下如果对 float 元素的父元素使用 clear 属性，周围的 float 元素布局就会混乱。这是 MacIE 著名的 bug 倘若不知道就会走弯路。

6. float 元素务必指定 width 属性

很多浏览器在显示未指定 width float 元素时会有 bug 所以不论 float 元素的内容如何，一定要为其指定 width 属性。

另外指定元素时尽量使用 em 而不是 px 做单位。

7. float 元素不能指定 margin 和 pad 等属性

IE 显示指定了 margin 和 pad float 元素时有 bug 因此不要对 float 元素指定 margin 和 pad 属性 ( 可以在 float 元素内部嵌套一个 div 来设置 margin 和 pad 也可以使用 hack 方法为 IE 指定特别的值。

8. float 元素的宽度之和要小于 100%

如果 float 元素的宽度之和正好是 100% 某些古老的浏览器将不能正常显示。因此请保证宽度之和小于 99%

9. 否重设了默认的样式 ?

某些属性如 margin pad 等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的 margin pad 设置为 0 列表样式设置为 none 等。

10. 否忘记了写 DTD?

如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头。

编辑整理：北京网店建设 ecshop模板 ecshop模板