就算是熟手也会经常把div的嵌套关系弄错，所以我们要检查html元素有没有拼写错误、有没有忘记结束标记。我们就可以用Dreamweaver存在的验证功能检查一下有没有错误。
（一）检查HTML元素有没有拼写错误以及有没有忘记结束标记
就算是熟手也会经常弄错div的嵌套关系，能用dreamweaver的验证功能检查有没有错误。
（二）检查css是否正确
检查有没有拼写错误以及忘记结尾的}等等。能用CleanCSS检查CSS是否拼写错误。CleanCSS也可以检查出拼写错误。
（三）确定发生错误的位置
要是错误影响了整体布局，就能一个一个的删除div块，一直到删除某个div块以后显示恢复正常，就可以确定发生错误的位置。
（四）利用border属性可以确定出错元素的布局特性
用float属性布局很容易出错。然后，为元素添加border属性确定元素边界，错误的原因就很容易知道。
（五）float元素的父元素不可以指定clear属性
要是MacIE下对float的元素的父元素运用clear属性，周围的float元素布局就产生混乱。这就是MacIE的bug，要是不懂就会走弯路。
（六）float元素一定要指定width属性
有的浏览器显示未指定width的时候，float元素会有bug。这就是为什么不论float元素的内容怎样，都要为它指定width属性。
注意：指定元素时尽量要使用em而不是px做单位。
（七）float元素不可以指定margin以及padding等属性
IE在显示的时候指定了margin以及padding的float元素时有bug。所以不要对float元素指定margin以及padding属性，就是说能在float元素内部嵌套一个div设置margin以及padding，也能用hack方法为IE指定不寻常的值。
（八）float元素的宽度的和要小于100%
要是float元素的宽度之和刚好是100%，有些浏览器就会不可以正常显示。所以要保证宽度的和要小于99%。
（九）有没有重设默认的样式
有些属性，例如：margin、padding等等，不一样的浏览器就会有不同的解释。所以最好在开发之前把将全体的margin以及padding设置为0，然后把列表样式设置为none等等。
（十）有没有忘记写DTD
要是怎样调整不同浏览器显示结果都不太，就能检查页面开头有没有忘了写以下DTD：
div以及css之间的嵌套有许多需要注意的问题。在上面我们都介绍过了，相信大家都有一定的了解了。我们网站会给大家介绍更多关于css的内容，要是大家感兴趣可以关注一下我们的网站：课课家教育。
