Question

我似乎无法弄清楚为什么会有效：

#inside-footer {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    font-size: 85%;
}
#inside-footer ul.footer_nav {
    text-align: left;
    float: left;
    margin: 20px 10px;
    position: relative;
    width: 164px;
}

<div id="inside-footer">
      <ul class="footer_nav">
        <h4>Zeigeist</h4>
        <li>
          <a href="/;about">About</a>
        </li>
        <li>
          <a href="/blog">Blog</a>
        </li>
        <li>
          <a href="/;contact">Contact &amp; Support</a>
        </li>
        <li>
          <a href="/training">Training</a>
        </li>
        <li>
          <a href="#">Site Status</a>
        </li>
      </ul>
      <ul class="footer_nav">
        <h4>Tools</h4>
        <li>
          <a href="/;create">Chapter Generator</a>
        </li>
        <li>
          <a href="#">Activies Board</a>
        </li>
      </ul>
      <ul class="footer_nav">
        <h4>Documentation</h4>
        <li>
          <a href="#">Chapter Sites</a>
        </li>
        <li>
          <a href="#">Developers</a>
        </li>
      </ul>
      <ul class="footer_nav">
        <h4>External Links</h4>
        <li>
          <a href="#">News</a>
        </li>
        <li>
          <a href="#">Media</a>
        </li>
      </ul>    <!-- /upper-footer-->
  </div><!-- /inside-footer -->

但在我的网站http://zmgc.net/上，列表项是跨越的，而不是在标题标记下。

我想像http://jsfiddle.net/ypr8g/13/那样显示它，但在yui3-u-19-24 div中同样分布，我也许我可以用另一个yui3-g拆分并将每个放在yui3-u-1中-4 div但似乎不对！

我错过了什么？

感谢

Answer 1

如果你有#inside-footer li { float: left; margin-top: 5px; padding: 0; }，它需要浮动取出，因为它会并排显示li，将其更改为#inside-footer li { margin-top: 5px; padding: 0; }，它将显示为你想要的，即在标题标记下面。

同样在div上分发ul列表

1 个答案: