最常见IE的Bug及其fix修复方法( 三 )


padding: 5px;
overflow: hidden;
}
9. 在list项目门的空行先看下面的例子
ul
lia href=https://www.rkxy.com.cn/dnjc/#Link 1/a/li
lia href=https://www.rkxy.com.cn/dnjc/#Link 2/a/li
lia href=https://www.rkxy.com.cn/dnjc/#Link 3/a/li
/ul
ul {
margin:0;
padding:0;
list-style:none;
}

li a {
background: #95CFEF;
display: block;
}
期望结果:

最常见IE的Bug及其fix修复方法


IE的结果:
最常见IE的Bug及其fix修复方法


Fortunately, there are a plethora of fixes you could try.
解决方法一
定义height来解决

li a {
background: #95CFEF;
display: block;
height: 200px;
}
解决方法二
li a {
background: #95CFEF;
float: left;
clear: left;
}
解决方法三
为 li 加上display: inline 。
li {
display: inline;
}
结论【最常见IE的Bug及其fix修复方法】调界面是一件很难的事,调一个CSS的HTML界面是一件更难的事,在IE下调一个CSS的HTML界面是难上加难的事 。

推荐阅读