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

1. 检查HTML 元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div 的嵌套关系。可以用dreamweaver 的验证功能检查一下有无错误。

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 和padding 等属性
IE 在显示指定了margin 和padding 的float 元素时有bug。因此不要对float 元素指定margin和padding 属性(可以在float 元素内部嵌套一个div 来设置margin 和padding)。也可以使用
hack 方法为IE 指定特别的值。

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

9. 是否重设了默认的样式?
某些属性如margin、padding 等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding 设置为0、列表样式设置为none 等。

10. 是否忘记了写DTD?
如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下面这行DTD。

      在这样的注意细节中，网页制作的时间大大的缩短了。