网页设计（Div+CSS）与浏览器兼容性问题的解决方法

以下将浏览器不兼容原因及解决方法进行归纳整理，不足之处将在后续遇到相关问题时继续补充：

1. 文字大小不兼容

相同14px的宋体字体，在ie中实际高度为16px，下边距为3px；而在firefox中实际高度为17px，上边距为1px，下边距为3px。

文字大小不兼容解决方案：对所有文字统一设定line-height值。

2. div高度不兼容

在firefox中，若给div容器定义height属性后，该容器不会因内容超出而自动扩展；而ie6下则会随内容扩展，导致height属性失效。因此应避免随意设置容器的height属性。

div高度不兼容解决方案：若必须设置高度，则需同时限制内部内容的高度，并采用溢出隐藏处理：overflow:hidden；或者在需要自适应高度但又希望设定最小高度时，可使用min-height: 1400px;max-height:none;_height: 1400px;的方式进行设置。

3. div宽度不兼容

当div容器设定float浮动但未指定宽度时，在firefox和ie6中会出现不同的表现。firefox下内容可能撑开容器并影响前一个div的位置；而ie6下则会导致该div的内容换行显示。

div宽度不兼容解决方案：浮动的div容器通常需要明确指定width属性。

4. div浮动不兼容