ie6下 margin 是其它浏览器下两倍的解决方法
2011-12-22 11:06
267 查看
1、display:inline可以消除IE6和IE7下的浮动BUG
ul li {float:left;
margin:0 12px 12px 0;
display:inline;
}
display:inline的意思是基线显示
可以消除IE6和IE7下的浮动BUG
display:inline 可以消除IE6双倍边距的BUG。
2、布局的时时候尽量少用margin 显示间隔 可以用padding 但是这种方法好像在有些浏览器下也会出问题（具体忘了是哪一个浏览器，上次遇到过）。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- margin-left属性在IE6浏览器中解释为双倍填充的解决方法
- IE6下图片不能正常显示(其它浏览器正常)的解决方法
- IE7下设置行高与其它浏览器兼容解决方法
- IE 和 Firefox 下 CSS 中 margin-left IE显示为两倍的解决方法
- IE6,IE7浏览器下 margin 无效的解决方法
- css javascript等兼容IE6,IE7,IE8,IE9,FIREFOX,Chrome等浏览器详细解决方法
- “IE浏览器不能上网，其它浏览器可以”的解决方法
- IE6浏览器的bug问题及相关解决的方法
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- IE6中设置了float:left导致margin出现双倍边距的解决方法
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- IE6浏览器下resize事件被执行了多次解决方法
- Css在IE6浏览器里的一些弊端和解决方法
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- css margin-left在IE6下的问题的解决方法
- 列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法
- 在进行页面的DIV CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。
- IE6、IE7下绝对定位position:absolute和margin的冲突bug解决方法