当前位置： 文档下载 > 所有分类 > IT/计算机 > 互联网 > IE和FF下的li边距兼容的问题li 元素中包含 a img 元素的时候出现问题。
html：
css：
ul{
width: 280px;
}
ul li{
display:block;
height:57px;
width:277px;
}
其中 temp.jpg 尺寸为 277×57
在Firefox 下的表现是正常的，IE6 下的表现就是明显有问题了：很明显地可以看到 IE 中，li 的表现高度，并非我们设定的 57px，而是比其要高，这是因为 img 下面多出了 4px 的空白。
解决方法 一、使 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:bottombottom;
}
解决方法 四、设置 img 的 margin-bottom: -4px;
ul{
width: 280px;
font-size: 0;
}
ul li{
display:block;
height:57px;
width:277px;
}
img{
margin-bottom: -4px;
}
IE和FF兼容问题 5页 免费 ie ff兼容 暂无评价 5页 免费 IE与FF中兼容 ... 兼容IE 和 FF 的换行 C... 暂无评价 14页 免费 IE和FF下的li边距兼容的...
集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用 (),IE 能... IE和FF下的li边距兼容的... 暂无评价 1页 免费 IE下的js调试工具 2页 ...
JS的IE和FF(FireFox)兼容性问题的汇总小结_IT/计算机_专业资料。很好的软件开发指南,分享出来给大家使用。JS 的 IE 和 Firefox 兼容性总结以下以 IE 代替 ...
使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题 我们经常遇到一个...示例代码中对<li>使用了display:inline属性,是为了解决IE6下左浮动双倍边距的bug...
浏览器兼容性问题 1. 默认的内外边距不同 问题: 各个浏览器默认的内外边距不... childNodes 的下标的含义在 IE 和 FF 中不同,FF 的 childNodes 中会插入...
DIV+CSS所有ie的兼容问题(最完整篇)_IT/计算机_专业资料。ie所以兼容问题...FORM 标签 这个标签在 IE 中,将会自动 margin 一些边距,而在 FF 中 margin ...
DIV+CSS解决IE6,IE7,IE8,FF兼容问题 2011-07-25 211147 DIV+CSS解决IE6,...2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,...
IE6 与 IE7 的兼容性问题解决方案_计算机硬件及网络_IT/计算机_专业资料。...FORM标签 这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,...
最全的浏览器兼容问题_计算机软件及应用_IT/计算机_专业资料。浏览器兼容问题...FORM 标签 这个标签在 IE 中,将会自动 margin 一些边距,而在 FF 中 margin ...
但是通过这两个例子我们能够知道,在IE中ul的默认边距是margin造成的,而在Firefox... 火狐与 ie兼容问题 2页 免费喜欢此文档的还喜欢 CSS中的ul与li样式详解 5...
我要评论