首页 > 代码库 > float right 换行bug

float right 换行bug

2024-07-11 09:13:36   219人阅读

Bug产生原因：块里面有换行的元素.

 

CSS:

.left{float: left;width: 100px;background: #fff000;}
.right{float: right;width: 100px;background: #ff0000;}  


HTML:

<div> 
        <span class="left">左边</span> 
        <span class="center">中间</span> 
        <span class="right">右边</span>  

</div> 

 

ie6显示跳到右边的下一行里面

解决办法：把float的模块放到非float的前面即可以。或者都设置为浮动。

 


联系
我们