3

これもうまく機能しません。何らかの奇妙な理由で、DIV は水平方向に正しく整列しますが、2 番目の div は最初の div の下になります。どんな助けでも大歓迎です。

HTML:

<footer>
    <div class="inner">
    <section id="footer-copyright" class="clear left">
    <ul>
    <li>© 2013
    <a href="/">Company</a>
    |
    <a href="sitemap.html">Sitemap</a>
    |
    <a href="privacy.html">Privacy Policy</a>
    </li>
    </ul>
    </section>
    <section class="footer-box clear right">
    <ul>
    <li>Design by <a href="/" target="new">Template</a></li>
    </ul>
    </section>
    </div>
</footer>

CSS:

footer .inner {
    padding-top: 50px;
}

#footer-copyright {
    display: block;
    padding-top: 35px;
    width:50%;
}

#footer-box {
    display: block;
    padding-top: 35px;
}

footer ul {
    color: #FFFFFF;
    list-style: none outside none;
    padding: 10px 0;
}

.inner {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

.clear {
    clear: both;
    display: block;
}

.right, .alignright {
    float: right;
}

.left {
   float:left;
}

新鮮な目が必要なだけかもしれません... :)

ここで作業リンクを表示できます

4

2 に答える 2

2

これfooter-boxは、(クラスclear: both;からの) ルール セットがあるためです。clear削除して追加しpadding-top: 35pxます。

于 2013-01-21T01:42:22.490 に答える
1

#footer-boxはclear: bothそのclearクラスによるものなので、 の下でクリアしています#footer-copyright。

于 2013-01-21T01:42:37.823 に答える