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 に答える