一、浏览器兼容性问题
-
IE6/IE7滚动条不显示
- 问题原因:未明确设置元素尺寸(高度/宽度),导致IE6无法正确解析
overflow
属性。 - 解决方案:
- 强制设置元素尺寸:
width: 790px; height: 300px;
。 - 为浮动元素添加
display: inline;
以修复布局问题。 - 使用
overflow: auto;
或scroll
确保滚动条触发。
- 强制设置元素尺寸:
- 问题原因:未明确设置元素尺寸(高度/宽度),导致IE6无法正确解析
-
双边距Bug(IE6/IE7)
- 问题原因:浮动元素设置横向
margin
导致间距加倍。 - 解决方案:添加
display: inline;
或使用条件注释为IE6/7单独修复。
- 问题原因:浮动元素设置横向
-
最小高度
min-height
不兼容- 问题原因:IE6不支持
min-height
属性。 - 解决方案:组合使用
height
和!important
:{ min-height: 200px; height: auto !important; height: 200px; }
- 问题原因:IE6不支持