IE下img多余5像素空白（2）

解决方法 一

使 li 浮动，并设置 img 为块级元素

ul{ width: 280px; } ul li{ float:left; display:block; height:57px; width:277px; } img{ display: block; }

解决方法 二

设置 ul 的 font-size:0;

ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; }

解决方法 三

设置 img 的 vertical-align: bottom;

ul{
 width: 280px;
 font-size: 0;
}
ul li{
 display:block;
 height:57px;
 width:277px;
}
img{
 vertical-align:bottom;
}

解决方法 四

设置 img 的 margin-bottom: -5px;

ul{
 width: 280px;
 font-size: 0;
}
ul li{
 display:block;
 height:57px;
 width:277px;
}
img{
 margin-bottom: -5px;
}