0

フッターをページの下部に固定したいので、ページが画面よりも小さい場合は、とにかくフッターを下部に配置する必要があります。ただし、css ファイルのマージンと競合してはなりません。そのため、いくつかのものにマージンを使用するときにページが台無しになることはありません。

4

4 に答える 4

2

そこからフッターを作成wrapper divして取り出すだけです。次に、このラッパーの margin-bottom をフッターの高さと同じにして、いくつかのpushdiv を作成します。これがフッターの場所になります。これを見てください：http://jsfiddle.net/PXYSk/4/

于 2013-10-27T16:44:54.860 に答える
1

固定位置と css3calc()関数を使用してみてください。

JSFiddle

于 2013-10-27T15:23:13.207 に答える
0

これはスティッキー フッターの作成方法の良い例ですが、フッター ブロックの高さを固定する必要があります。

CSS:

* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;
}
.footer, .push {
height: 50px;
}

HTML:

<html>
<head>
    <link rel="stylesheet" href="layout.css" ... />
</head>
<body>
    <div class="wrapper">
        <p>Your website content here.</p>
        <div class="push"></div>
    </div>
    <div class="footer">
        <p>Copyright (c) 2008</p>
    </div>
</body>

于 2013-10-27T19:51:33.617 に答える
0

フッターをposition: absoluteとに設定するだけbottom: 0です。

于 2013-10-27T15:23:15.950 に答える