我将介绍的是IE6浮动换行bug解决办法之一
虽然不是最好的办法但是 比较实用简单的办法
看代码:
.main
{
clear: both;
height: auto;
margin: 0 auto;
overflow: hidden;
width: 980px;
}
.main_l
{
height: 270px;
width: 360px;
float: left;
}
.main_c
{ float: left;
height: 270px;
width: 360px;
}
.main_r
{
height:270px;
width: 260px;
float: right;
}
<div class="main">
<div class="main_l">1</div>
<div class="main_c">2</div>
<div class="main_r">3</div>
</div>
宽度也够了 可是偏偏IE6 要跑下面一行,main_r也是向右浮动的。
有人说吧main_r放到最左边然后向右浮动就可以解决。这个办法也不是很凑效。
我们的解决办法是:
.main_r{
width:260px;
height:270px;
float:right;
_position:absolute;
}
加上_position:absolute 前面加_的只有IE才能识别的标记,
这个方法非常凑效。