IE6浮动换行bug解决办法之一

我将介绍的是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才能识别的标记,

这个方法非常凑效。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值