8 中<li>标签中含有浮动的<span>标签不在一行的处理

IE6/7/8 中<li>标签中含有浮动的标签不在一行的处理

​原始代码在Google浏览器显示正常,在IE显示不在一行。

<code>
  • /<code>

    转换为如下,就显示正常了。

    <code>
  • /<code>

    将span标签放到


    网上有人这样解释:

    因为只有块级元素才能设置浮动,所以span设置浮动就是默认了块级元素,而html先加载a标签的内容,那么span的内容就会由于span的display:block而重新独占一行。这样就导致视频日期掉下来的结果,如果把span换到a的右边,文档就会先加载span,此时设置浮动后会导致文字环绕,在等高情况下会显示同行。


    分享到:


    相關文章: