奇妙なCSSフッターバグ

Question

ねえ、私は私のホームページに私のフッターのdiv

http://kelteseth.net/2012/04/einsteigerhilfe-unterschied-ubuntu-kubuntu-und-xubuntu/

通報を持っている問題は、ラッパーのdivドスが同じ高さのALSにコンテンツのdivを持っていないということです。フッタのdivは私のウェブサイトの中心にあります：/ 私の内容divのサイズに依存して、私のラッパーdivのサイズを変更できますか？浮動要素の親要素が崩れるので

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

Answer 1

設定overflow: auto;#wrapper

のためにこの問題が発生した理由があります。それを解決するにはいくつかのテクニックがあります。私が言及したものはオーバーフローメソッドと呼ばれます。詳細はこちら：http://css-tricks.com/all-about-floats/

Answer 2

#footerにclear: both;を追加してください。

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

編集：この方法では#wrapper divの高さは変更されないため、境界線または背景イメージを表示する場合は、LarsNyströmのoverflow: auto;メソッドを使用すると効果的です。