您的位置:首页 > 其它

解决ie6下兼容float 换行问题,解决ie6下padding的时候 宽度不自动扩展问题

2017-01-16 17:15 375 查看
如果是换行的问题:

1.需要给浮动的元素加上一个固定的宽度。ie6好像不会自动增宽,默认直接就100%了,怎么调整都没用

比如 我要给ul 下li浮动

ul li{
float: left;
overflow: hidden;
margin: 12px 18px;
background-color: #f9f9f9;
padding: 10px 20px;
border:1px solid #ddd;
box-shadow: 1px 1px 3px #ddd;
border-radius: 2px;
white-space:nowrap;
display:inline;
overflow: hidden;
_width: 90px;

}

2.因为google等浏览器 会自动识别宽度,所以不用写width就可以了。针对ie6 用hank属性_width: 90px; 给个宽度就解决了。padding问题 其实也就是要单独给ie6曾加个宽度。

如果是ie7的问题,*width: 90px;这样就没问题了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: