如何解决IE6双重填充和边距错误
| 我在网上四处张望,没有任何效果。 我有一个无序列表的盒子,ie6使padding和margin倍大.block {
width: 236px;
float: left;
border: 1px solid #cecece;
background: url(images/list_bg.png) repeat-y;
}
.block li {
width: 237px;
height: 74px;
background: url(images/arrow.png) no-repeat 0px 13px,url(images/bottom.png) left bottom no-repeat;
margin-left: 30px;
padding: 0px 20px;
list-style: none;
line-height: 36px;
}
如果我添加显示内联会中断,那我在做什么错呢?
解决方法
您的框比其中的列表项窄。
你应该看看盒子模型
,有时ie6会双倍赚钱,
阅读http://www.positioniseverything.net/explorer/doubled-margin.html
我们可以通过黑客代码来解决这个问题
ie6 _,即>
.class {_margin-left: 30px;}
.class {>margin-left: 30px;}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。