在网站开发中，Div+CSS是必不可少的，然而在开发过程中，还是会出现各种的错误，Div+CSS是网站规范（或称“WEB规范”）中常用的专业术语之一，一般以便说明与HTML网页设计语言中的表格（table）定位方式的差别，

由于XHTML网站设计规范中，不再使用表格定位技术，反而是选用Div+CSS的方式完成各种定位。运用应用Div+CSS编码时非常容易犯一些错误。小派列举了经常出现的一些错误，供大家参考！

1、检测HTML元素是不是有拼写错误、是否忘了结束标识

 就算是老手也常常会搞错div的嵌套关系。可以用dreamweaver的检验功能检查有没有错误。

2、找寻产生错误的具体位置

 假如错误干扰了总体布局，则可以逐一删掉div块，直至删掉某个div块后显示完全恢复，就可以确认错误产生的部位。

3、检测CSS是否恰当

 检测CSS是否出现拼写错误、是不是忘了结尾的}等。可以运用CleanCSS来检测，CSS的拼写错误。CleanCSS本是为CSS瘦身的专用工具，但还可以检测出拼写错误。

4、运用border属性确认出错元素的布局特性

 选用float属性布局无意间就会出错。这时候为元素加上border属性确认元素界限，错误原因即真相大白。

5、尽可能给float元素特定width属性

 许多浏览器在显示未指定width的float元素时会有bug。因而无论float元素的内容怎样，必须要为其特定width属性。此外特定元素时尽可能选用em而不是px做单位。

6、留意float元素的父元素不可以指定clear属性

 MacIE下假如对float的元素的父元素选用clear属性，周边的float元素布局就会错乱。这也是MacIE的有名的bug，假若不清楚就会迷失方向。

7、float元素不可以指定margin和padding等属性

 IE在显示指定了margin和padding的float元素时有bug。因而不可以对float元素指定margin和padding属性（可以在float元素内部嵌套一个div来设定margin和padding）。还可以选用hack方法为IE特定特别的值。

8、是否重置了默认的样式？

 某一些属性如margin、padding等，不同浏览器会有不一样的解析。因而最好在开发前先将整体的margin、padding设定为0、列表样式设定为none等。

9、float元素的宽度总和要低于100%

 假如float元素的宽度总和恰好是100%，一些原始的浏览器将无法正常显示。因而请确保宽度总和低于99%。

10、是否忘记了写DTD？

 假如不管怎样调节不同浏览器显示结果依然不同，那么可以检查一下页面打头是否忘记了写下面这行DTD。（即HTML代码上边的声明）

以上就是经常出现的一些错误，大家在开发网站的过程中，一定要细心，不要投机取巧，严格按照规范去写代码，写的多了，自然就熟悉了，不会在出现这种问题，希望这些能帮到大家！

更多网站开发、广州网站开发、网站开发公司等相关需求，欢迎您咨询派点互动！