ie6 overflow hidden清除浮动问题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.box{
width: 400px;
border: 1px solid black;
overflow:hidden;
}
.left{
float: left;
}
.right{
float: right;
}
h2{
margin: 0;
height: 30px;
}
</style>
<!--
在ie7(包含ie7)以上，当给div left he div right 设置浮动的时候，正常显示，但是在ie6下，div left 和 div right 会独占一行
失去浮动的效果，原因在于，h2也是块级元素，他会把div全部撑开独占一行，因为的的优先级别高，所以是div 失去的浮动的效果图，
此时记得结果的方法是，在h2上也设置float 浮动。
解决方案：float: left;
-->
</head>
<body>
<div class="box">
<div class="left">
<h2>左边</h2>
</div>
<div class="right">
<h2>右边</h2>
</div>
</div>
</body>
</html>
