因浮动问题导致的IE6/7下的换行

总结:当一个块里面包含a,b两个元素,想让它们在一条线上,a居左,b居右。a没用浮动,b用浮动。写代码的时候把b写在a的前面。或者a,b都分别加上浮动。不然IE6.IE7下面会出来b换行不和a在一条线上。

错误展示

<h1 class="title">
<span class="title_span">国培计划</span>   <!--无浮动-->
<a href="###" class="more" >更多</a>   <!--有浮动-->             
</h1>

IE6下面效果

修改代码

<h1 class="title">
<a href="###"  class="more" >更多</a>   <!--有浮动-->
<span class="title_span">国培计划</span>    <!--无浮动-->            
</h1>

IE6效果如下

原文地址:https://www.cnblogs.com/linsx/p/3090723.html