css - 奇妙なCSSフッターのバグ

Question

ホームページのフッターdivに問題があります

問題は、ラッパーdivの高さがコンテンツdivと同じではないことです。フッターdivは私のWebサイトの中央にあります：/コンテンツdivのサイズに応じてラッパーdivのサイズを変更するにはどうすればよいですか？

<div id="wrapper">
<div id="content">
<!-- My content... -->
</div>
</div>
<div id="footer">
<!-- My footer stuff... -->
</div>

score 3 · Accepted Answer

あなたのスタイルに追加clear: both;します。#footer

とdivはフロート#contentし#primaryているため、divの高さには影響しません#wrapper。

編集：この方法では#wrapperdivの高さは変更されないため、境界線や背景画像を指定する場合は、LarsNyströmのoverflow: auto;方法の方が適しています。

score 1 · Accepted Answer

overflow: auto;のために設定#wrapper

これが発生する理由は、フローティング要素の親要素が折りたたまれているためです。それを解決するためのテクニックはたくさんあります。私が言及したものはオーバーフロー法と呼ばれています。詳細はこちら：http ：//css-tricks.com/all-about-floats/

2 に答える 2