0

私はCSSに不満を感じ始めています。その多くの側面の 1 つを把握したと思うときはいつでも、予期しない動作に完全にうんざりします。

粘着性のあるフッターを作成しようとしています。SO 私は body 要素の高さを 100% に設定して、高さ ( browser window ) の完全な html 要素を占有します。次に、フッター要素を除いてボディ内のすべてを div でラップし、この div の高さを 100% に設定します。これにより、ボディ全体の高さが占有され、画面の下部からフッターが押し出されると考えられます。次に、負のマージンを適用して、それを上に上げて下部に修正することができます.

しかし、フッターはページの下部にあり、負のマージンは必要ありません。したがって、高さを 100% に設定するという私の考えは完全に破棄されます。ここで何が起こったのですか？

4

2 に答える 2

0

HTML

<div class="footer">Content</div>

CSS

body{
margin:0; //you need it for the correct bottom margin
}

.footer
{
    position: fixed;
    bottom:0;
    height:75px; //height of the footer
    color:white;
    background-color: black;
    width:100%;
    margin:0px;

}
于 2013-03-26T16:46:28.820 に答える