ie6横向双倍外边距问题

来源:互联网 发布:lte是什么网络 编辑:程序博客网 时间:2024/04/29 20:03

产生环境:ie6

产生代码:

body{border: 1px solid rgb(0,0,0);}.test1{width: 400px;height: 200px;border: 1px solid rgb(255,0,0);float: left;margin-left: 100px;}


产生条件:在IE6中块元素浮动后,设置左右外边距后,会出现双倍margin现象,如图 :


设置浮动元素的margin-left为100px结果变为200px

解决办法:给浮动元素的样式控制中加入display:inline

原创粉丝点击