[CSS]ブロック要素（div）の高さを、内部のfloat要素に合わせて自動調整する

divの中に複数のdivを作り、内部のdivをfloatさせます。
このとき、外側のdivの高さが内部のdivの高さに合わず、レイアウトが乱れてしまいます。
そんなときの解決方法です。

外側のdivに「height:auto」と「overflow:hidden」を設定するだけです。

<div class="box">
 <div class="smallBoxA">
 ボックスA
 </div>
 <div class="smallBoxB">
 ボックスB
 </div>
</div><!-- box -->

ボックスA

</div>

ボックスB

</div>

</div>

.box{
	height:auto;
	overflow:hidden
}

.smallBoxA,.smallBoxB{
	width:200px;
	float:left;
}

.box{

height:auto;

overflow:hidden

}

.smallBoxA,.smallBoxB{

width:200px;

float:left;

}