0

ページの下部に貼り付けられないフッターに問題があります。それはおそらく私が忘れた単なる行です.私はこれを過去に何度もやったので、それはばかげた間違いだと確信しています. 私が忘れていることを教えていただけるように、ページを整理しました。コンテンツが通過しない場合は問題なく動作<br />し、コンテンツ コードの s をいくつか削除すると、一番下にとどまることがわかります。

http://jsfiddle.net/MS4KJ/

#footer{
    position:absolute; 
    bottom:0px;
    width:100%;
    background-color:#aaa;
    color:#fff;
    text-align:center;
    height: 100px;
    left:0px;
}

ありがとう！

4

2 に答える 2

0

次を使用する必要があります。

position: relative;

または、スティッキーフッターが必要な場合は、このトレッドを確認してください。CSSフッターをブラウザーウィンドウの下部またはコンテンツの下部に配置する

およびこのサイト： http： //ryanfait.com/sticky-footer/

編集：

本文のパディングを0pxに、フッターの余白を0pxに設定し、左のフッターを削除してみてください：0px。そのsholudは、フッターの周りの空白を削除します。これを見てください：http：//meyerweb.com/eric/tools/css/reset/

于 2013-02-21T12:33:18.643 に答える
0

次のように変更します。

#footer{
    position: relative; 
    bottom:0px;
    width:100%;
    background-color:#aaa;
    color:#fff;
    text-align:center;
    height: 100px;
    left:0px;
}

それ以外の場合は、最大の高さを選択し、 にを指定min-heightし#contentます。

#content {min-height: 350px;}
于 2013-02-21T12:28:42.060 に答える