码迷,mamicode.com
首页 > Web开发 > 详细

css float样式的换行问题

时间:2015-01-23 18:00:32      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

在Chrome、Firefox下这个问题没有出现,但是在IE下就会出现,另起一行了。

问题原因是:

当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥也就是说,你的span是float:right,但是你文本还是float:none。

如果要让两者在同一行的话,有两种方法。

1.将span标签写在文本的前面

<span style="float:right;">文本二</span>文本一

2.文本的样式也为float

<span style="float:left">文本一</span><span style="float:right;">文本二</span><span style="clear:both;"></span>

css float样式的换行问题

标签:

原文地址:http://www.cnblogs.com/xunfang123/p/4244385.html

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