• 最新动态
  • IE下CSS属性float:right下移换行或不显示的问题原因及解决方案

    作者:U盘装系统 文章来源:u盘装系统 发布时间:2015-08-07 17:37点击:

    今天在为文章列表做时间显示的时候,发现使用 float: right 时,在IE下时间不显示 ,FF显示正常

     

    去掉li的OVERFLOW:hidden; 属性后,时间 能够显示了,但却是下移换行,多方研究发现是IE的BUG

    当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥

    也就是说,你的span是float:right,但是你的a还是float:none
    如果要让两者占据同一行,要么你把span先于a显示,要么把a也设成float(float:left)

    这样:

    <li>  <span> (2011-3-17   9:30:00) </span> <a   href= ‘'   title= '文章标题 '   target= '_blank '> 文章标题 </a>     </li> 显示就正常了。
    显示如:文章标题        2011-3-17

    [责任编辑:admin]