DIV CSS制作网页时易犯的错误总结

CSS与DIV：构建网页的优雅艺术

常见错误及解决策略：

1. HTML元素检查：即使是经验丰富的开发者，也可能会在div的嵌套关系中犯错。使用Dreamweaver等工具进行验证是一个很好的习惯，确保没有拼写错误或遗漏结束标记。

2. CSS验证：在编写样式表时，确保没有拼写错误和遗漏的结束符号“}”。CleanCSS工具能助你一臂之力，它不仅能帮你压缩CSS代码，还能检查出其中的拼写错误。

3. 定位错误诊断：如果布局出现问题，可以通过逐个删除div块的方式定位错误。一旦删除某个div后布局恢复正常，即可确定是这个div出现了问题。

4. 利用border属性进行调试：在使用float属性进行布局时，容易出现问题。此时为元素添加border属性可以清晰地显示元素的边界，有助于迅速找到问题所在。

5. 注意float元素的父元素属性：在MacIE浏览器下，对float元素的父元素使用clear属性可能会导致周围的float元素布局混乱。这是一个特定的浏览器bug，需要注意避免。

6. 指定float元素的width属性：很多浏览器在处理未指定width的float元素时会有bug。无论float元素的内容如何，都应该为其指定width属性。建议使用em而不是px作为单位，以增加布局的灵活性。

7. 避免在float元素上直接指定margin和padding等属性：IE在处理这些属性时可能会出现bug。为了解决这个问题，可以在float元素内部嵌套一个div来设置这些属性，或者使用hack方法为IE指定特别的值。

8. 注意float元素宽度之和：如果float元素的宽度之和正好是100%，在某些古老的浏览器中可能无法正常显示。请确保所有float元素的宽度之和小于99%。

9. 重置默认样式：不同的浏览器对一些属性如margin、padding的解释可能会有所不同。为了确保跨浏览器的兼容性，建议在开发前将全局的margin、padding设置为0，列表样式设置为none等。

10. 不要忘记写DTD：如果页面在不同浏览器中显示不一致，那么可能是忘记了写DTD声明。正确的声明方式如下：“