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>