您的位置:首页 > 其它

IE6不支持用overflow:hidden来清除浮动,解决方法是:_zoom:1;

2016-10-12 12:53 666 查看
IE6不支持用overflow:hidden来清除浮动,解决方法是:_zoom:1;

overflow:hidden;的主要用途是溢出隐藏

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">

.box1{

border-bottom: 10px;

}

ul{

list-style: none;

overflow: hidden;
         /*overflow:
hidden; 和_zoom:1;绑定到一起用*/

_zoom:1;              /*overflow:
hidden; 和_zoom:1;绑定到一起用*/

}

li{

background-color:orange;

float: left;

border-bottom: 1px dashed red;

}

</style>

</head>
<body>

<div class="box1">

<ul>

<li>文字</li>

<li>嘎嘎</li>

<li>嘻嘻</li>

<li>嘻嘻</li>

</ul>

</div>

<div class="box2">

<ul>

<li>wwwww</li>

<li>wwwww</li>

<li>wwwww</li>

<li>wwwww</li>

</ul>

</div>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  overflow