0

ここに投稿されたいくつかの質問を見てきましたが、そのような単純なタスクは何であるかについて、すべてが過度に複雑に見えますか？ページが垂直方向にどれだけ長くても、画面の下部に固定されたままのフッターが必要です。フッターを中央に配置できないことを除いて、すべてが機能します。フッターは常に左揃えになります。ありがとう！ http://jsfiddle.net/n4xxj/

<body>
     <div id="content"></div>
     <div id="footer"></div>
</body>




div {
width: 960px;
margin: auto;
}

#content {
background-color: beige;
border: 1px solid;
height: 1200px;
margin-top: 100px;
margin-bottom: 150px;
}

#footer {
background-color: lightgray;
border: solid 1px;
height: 100px;
position: fixed;
bottom: 0px;
}
4

2 に答える 2

3

Update your HTML to wrap in a wrapper div

<div>   
  <div id="content"></div>
  <div id="footer"></div>
 </div>

DEMO

于 2012-11-21T19:34:01.773 に答える
1

div内部を大きな #containerにカプセル化し、それにdiv追加してmargin: 0 auto;整列させる必要があります。

完全な修正を行うには、これも追加する必要があることに注意してください (これは単純な IE の修正です)。

body { text-align: center; }
#container { text-align: left; margin: 0 auto; }

そしてもちろん #footer にはwidth: 100%;

フィドルも: http://jsfiddle.net/n4xxj/3/

于 2012-11-21T19:38:05.030 に答える