html と css に関する問題を解決するには、code_html/css_WEB-ITnose を添付してください。

質問: これはページ レイアウトです。現在の問題は、メインで高さ属性を削除すると、再実行後にページの下部にある青い背景のレイアウトが消えることです。これは何が原因ですか? コードは次のとおりです: #header{width: 1300px;height: 180px;background-color: red;} #main{width: 1300px;height: 600px ;background-color: green;} #footer{width: 1300px;height: 180px;background-color: blue;} #sleft{width: 900px;height: 600px;background-color: yellow;float: left;} #sright {幅: 400px;高さ: 600px;背景色: ピンク;float: right;} ; ; /css"> #header{幅: 1300px;高さ: 180px;背景色: 赤;} #main {幅: 1300px;背景色: 緑;オーバーフロー:非表示;} #footer{幅: 1300px;高さ: 180px;背景色: ブルー;} #sleft{幅: 900px;高さ: 600px;背景色: yellow;float: left;} #sright{width: 400px;height: 600px;background-color : ピンク;float: right;} ;div id="ヘッダー">

; 背景色: green;overflow:hidden;} ここに overflow:hidden を追加します #footer { width: 1300px; height: 180px; plus Clear : 両方; float をクリアします

正解は 3 階にあります

float 属性はこの要素を引き起こし、通常のドキュメント フローを削除します。つまり、ブラウザは描画時にこの要素を存在しないものとして扱います。他の要素。 考えてみてください。main の要素が存在しなくなり、main に高さがなくなったらどうなるでしょうか?フッターが上に移動します！

次に、ブラウザーは追加の float 要素を描画するため、フッターはこれら 2 つの要素によって隠されます。

さらに: 絶対および固定配置メソッドも要素を通常のドキュメント フローから移動させます

3 正しくありませんか? rree の最後にフロートをクリアする必要があります

なぜ追加するのでしょうか?オーバーフロー:メインに隠されている、それだけですか?理由はまだわかりません DIV の hasLayout をトリガーしてレイアウト フローに戻すことができる属性であれば、その表示を設定するなど、この問題を解決できます

なぜこの問題が発生するのかわかる人はいますか?自分？

http://beyondweb.cn/article_detail.php?id=437

わかりました、ありがとう 10 階、slwss ポイントをいただきました