0

CSS レイアウトに問題があります。私は IE で問題を管理しようとしましたが、フッター コンテナーが消えたことを除いて、すべて正常に動作します。CSS を再コーディングしようとしましたが、問題はまだ残っています。私は何日もそれを修正しようとしてきましたが、何もうまくいきませんでした。

何を見逃したのかわからない！

これが私がしたことですJSFiddle

誰かが私が逃したものを教えてもらえますか?

4

3 に答える 3

0 
the problem is on this part of the css code: 
overflow: hidden;

フッターを隠している

于 2013-03-01T18:00:03.547 に答える
0

body に hiddenoverflowを設定し、#container要素の高さを 100% に設定すると、フッター コンテナーが画面の下部から押し出されます。宣言を削除した場合overflow(したがってスクロールを許可した場合)、「折りたたみ」のすぐ下にフッターが表示されます。

あなたの目標が何であるかはわかりませんが、スクロールしないページが必要な場合 (通常は悪いユーザビリティ プラクティス、FYI) を使用positionして、フッターを画面の下部に貼り付けることができます。

/* Footer */
#foot{
 width: 800px;
 height: 150px;
 background: #FFD700;
 position:absolute;
 bottom:0px;
}

結果を参照してください: http://jsfiddle.net/euT3x/

overflowそれ以外の場合は、宣言を削除するか#container、ページの読み込み後に javascript で高さを計算してください。

ドキュメンテーション

于 2013-03-01T18:00:38.480 に答える
0

Footer DIV を MID div に配置し、CSS を次のように変更します: JSFIDDLE リンクはこちら

#mid{
    background: #666666;
    width: 563px;
    text-align: center;
    height: 100%;
    position: relative;
}
#foot{
 width: 800px;
 height: 150px;
 background: #FFD700;
 position: absolute; bottom: 0; left: 0;
}

JSFIDDLEリンクはこちら

于 2013-03-01T18:01:02.087 に答える