zoukankan      html  css  js  c++  java
  • 关于IE8导航串行的问题

    1、概述:

      作为一个前端人员,多浏览器兼容是必须必备的技能,现在一般要求是兼容IE8及以上,如果兼容IE6的话,会麻烦一些,这里介绍的是在IE8状态下我们导航条错位的问题。

    2、导航错位代码

    <style>
      a{
        float:left;
      }
    </style>
    <ul>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
    </ul>

    多数情况下我们写导航部分HTML代码应该是这样的,虽然直接写一大堆a标签而没有ul li一样可以实现导航条的效果,但是我个人认为,这种写法可控性更强,当然看起来也直观一些,而导致IE8下导航错位的主要原因就是那个a标签的浮动,这里IE8及以下的浏览器会认为a标签的父元素li没有浮动,而还是一个块级元素。

    3、解决办法:

    把a标签的浮动去掉,改用li浮动。

    <style>
      li{
        float:left;
      }
    </style>
  • 相关阅读:
    ZOJ 3631 Watashi's BG(dp+dfs)
    hdu 1506 Largest Rectangle in a Histogram(单调栈)
    csu 1392 Number Trick (数论)
    ACM 奋斗的小蜗牛
    ACM 16进制的简单运算
    ACM 交换输出
    ACM Longest Repeated Sequence
    ACM Arithmetic Expression
    ACM 素数
    ACM 无线网络覆盖
  • 原文地址:https://www.cnblogs.com/shazhou-blog/p/5302434.html
Copyright © 2011-2022 走看看