0

我似乎无法弄清楚为什么会这样：

#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 但似乎不对！

我错过了什么？

谢谢

4

1 回答 1

2

在你拥有#inside-footer li { float: left; margin-top: 5px; padding: 0; }它的地方需要取出浮动，因为这会并排显示 li，将其更改为#inside-footer li { margin-top: 5px; padding: 0; }它会根据你的需要显示，即在标题标签下方。

于 2012-05-02T18:27:46.223 回答