float で高さがずれる問題を overflow の設定で直した

floatでコンテナの高さがずれる問題
float で div コンテナを横並びのレイアウトを組んだ際に、高さがズレてしまう事象が発生。

原因がいまいちわからなかったのですが、float を格納している div コンテナに overflow: hidden; を入れて解決しました。

float のデモページも参考になります。

Clear Float Demo
http://webdesignerwall.com/demo/clear-float/

このブログの人気の投稿

コピーした行の挿入が表示されない時はフィルタされていないかチェック

Excel で一部の図形だけ固定する