码迷,mamicode.com
首页 > 其他好文 > 详细

float right 换行bug

时间:2014-07-11 11:04:04      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   strong   width   html   

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的前面即可以。或者都设置为浮动。

 

float right 换行bug,布布扣,bubuko.com

float right 换行bug

标签:style   blog   color   strong   width   html   

原文地址:http://www.cnblogs.com/heimanba/p/3834042.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!