4

このトピックに対する他の質問を見ましたが、答えは役に立ちません。説明するのは少し難しいですが、試してみます。だから私はフッターを持っています:

#fußzeile{
    width: 100%;
    background-color: #e9e8e5;
    padding-top: 14px;
    padding-bottom: 14px;
    bottom: 0;
    padding-left: 24px;
    height: 36px;
    text-align: center;
}

などを試しoverflow: hidden, height: 100%ました。margin-topを使用してラッパーを押し下げたところ、機能しましたが、サイトを最小化するとギャップが再び戻ってきました.位置：絶対/相対も機能しません..

4

4 に答える 4

4

CSS で以下を使用してみてください。

#fußzeile{
    position: fixed;
    bottom: 0px;
}
于 2013-10-11T09:53:26.047 に答える
1 
position: absolute;
width: 100%;

これにより、2行のコードが追加されて修正されました。

于 2016-01-19T14:23:34.190 に答える
1

これを試して：

#fußzeile{
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background-color: #e9e8e5;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 24px;
    height: 36px;
    text-align: center;
}

これが動作するデモです。

于 2013-10-11T09:58:55.563 に答える
0

これは、フッターの上にコンテンツがない場合に発生します。これを試すことができます フッター div をコンテナーの外に移動し (コンテナーに含まれている場合は、html の直接の子であることを確認してください)、 POSITION : absolute; を作成します。

于 2013-10-11T10:01:20.590 に答える