Question

和许多人一样,我对E7(和6)的浮动因素感到不安,但我不关心这一点!

。 http://www.story Box.co.nz/wordpress/。

Looks fine in every other browser, but in IE7 the navigation links sit under each other: enter image description here

超文本(在线风格来自 j缩文字):

<div id="primary-menu">
  <div class="menu">
    <ul>
      <li><a href="#" class="sf-with-ul">Work.</a>
        <ul class="sub-menu" style="float: none; width: 1em; visibility: hidden; display: none;">
          <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">Spatial /</a></li>
          <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">Web /</a></li>
          <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">Graphic</a></li>
        </ul>
      </li>
      <li><a href="#">Lab.</a></li>
      <li><a href="#">About.</a></li>
    </ul>
  </div>
</div>

CSS:

#primary-menu {
    margin:-30px auto 30px;
}
#primary-menu ul {
    float:right;
}
#primary-menu li {
        float: left;
        list-style: none;
        margin-left: 10px;
            display:inline;
}
#primary-menu ul li a {
        float: right;
}

我尝试显示:<代码>li。项目以及<代码>a项目,但无。

任何其他ti? 感谢!

Answer 1

这个问题可能很严重:利害关系100%。如果硫酸ul为100px,则每升100px=将显示。要求为她们固定住处,但3×宽(+ pa,间隙)的脂重应低于ul。你还可以尝试33%。 BT

浮动:右翼显示:在项目上加插,没有什么意义:与浮标加在一起:正确。我的猜测是,国际环境法忽视了表现:一线。没有理由对线性元素进行宽恕。您的社保局很简单,没有意义:

Answer 2

我在以下第7版中进行了测试,即更新的CSS。

#primary-menu {
   /* margin:-30px auto 30px;*/ /*Avoid negative margins*/
}
#primary-menu ul {
  float:right;
}
#primary-menu li {
    float: left;
    list-style: none;
    margin-left: 10px;
        display:inline;
}
#primary-menu ul li a {
   /* float: right;*/ /*This caused the issue*/
   }

希望这一帮助

友情链接