1

フッターをウェブページの下部に貼り付けようとしていますが、半分しか浮きません。私はいくつかの例を見てきましたが、何が間違っているのかわかりません。どんな援助でも大歓迎です。私の簡略化したコードを以下に示します。

<html>
<head>
</head>

<body>
    <div id = "wrapper">
        <!--Wrapper div for the main content-->
    </div>
        <!--Footer container-->
    <div class="footer">    
    </div>
</body>

</html>


--CSS-- 

body
{
height: 100%;
margin: 0;
padding:0;
background-color: #1A1F2B;
min-width: 960px;

}

#wrapper{
min-height: 100%;
}

.footer{
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;
display: block;
background-color: #232A3B;
}
4

2 に答える 2

5

の一番下に置きたい場合document：

.footer {
    position: absolute;
    bottom: 0;
}

ビューポートの下部に配置する場合:

.footer {
    position: fixed;
    bottom: 0;
}
于 2012-09-18T16:29:48.510 に答える
1

フッター div をページの下部に配置し、幅全体に広げたい場合は、次のようにします。

.footer {
    position: absolute;
    bottom:0;
    height: 150px;
    width: 100%;
    background-color: #232A3B;
}

HTML5 は、ボットが Web ページ上の情報を処理しやすくするタグ<footer>もサポートしています。footer {これを変更するには、代わりに.footer {HTML マークアップを 使用して変更します。

于 2012-09-18T17:13:57.670 に答える