0

フッターの背景に問題がありました。#pagefooter の高さが 0 のようで、背景色は 2x 25px の縦方向のパディングにのみ適用されます。

私はいくつかのことを試しましたが、解決策が見つかりませんでした。ここで何が問題なのですか？

///HTML

<div id="pagefooter">
    <footer>
        <nav id="f1" class="footernav">
            <h1>Misc</h1>
            </br>
            <ul>
                <li>
                    <a href="#">Lorem</a>
                </li>
                <li>
                    <a href="#">ipsum</a>
                <li>
                <li>
                    <a href="#">dolor</a>
                </li>
                <li>
                    <a href="#">sit</a>
                </li>
                <li>
                    <a href="#">amet</a>
                </li>
            </ul>
        </nav>
        <nav id="f2" class="footernav">
            <!-- SOME MENU -->
        </nav>
        <nav id="f3" class="footernav">
            <!-- SOME MENU -->
        </nav>
        <nav id="f4" class="footernav">
            <!-- SOME MENU -->
        </nav>
    </footer>
</div>

///CSS

#pagefooter {
    background-color: #1a1a1a;
    padding:25px 100px;
}
.footernav {
    float:left;
    width:25%;
    margin-bottom: 35px;
}

例を次に示します: http://jsfiddle.net/AR3AC/

4

3 に答える 3

0

ときどき、overflow:auto で問題が発生します。その場合、これに対処する別の方法は、空のクリア div を の直前に置くことです。それはちょうどすることができます<div style="clear:both"></div>。(私は通常、clear:both を持つクラス ".clear" を作成します。float が<div class="clear"></div>問題であるかどうかを a でテストするだけで、この種のトラブルシューティングが簡単になります。

于 2013-09-09T15:09:01.077 に答える