IE6不支持用overflow:hidden来清除浮动,解决方法是:_zoom:1;
2016-10-12 12:53
711 查看
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: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>
相关文章推荐
- 使用zoom、overflow解决IE6、IE7、火狐浏览器下嵌套容器清除浮动问题
- 使用zoom、overflow解决IE6、IE7、火狐浏览器下嵌套容器清除浮动问题
- 使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题
- 使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题
- IE7浏览器不支持body的overflow为hidden的bug解决方法
- 前端布局常见IE6 bug的解决方法,清除浮动的几种方法以及各自的优缺点
- CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
- ie6-7 overflow:hidden失效问题的解决方法
- CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
- CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
- CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
- IE6重影的解决方法(关于注释引起的文字溢出/3px Bug/双float<浮动>元素字符)
- 解决IE6不支持position:fixed的方法,非常简单
- IE6不支持position:fixed的解决方法
- [ZT]对overflow与zoom”清除浮动”的一些认识
- ul里li设置浮动后ie6高度和FF等不一样解决方法
- IE6不支持position:fixed的解决方法
- 块级元素在这是overflow:hidden;后浮动在ie6、7下的异常解析
- 完美解决IE6不支持hover的方法