ソリューション浮動CSSスタイル
1.空のdivのスタイルを追加します。
.clearfix {
クリア：両方。
}
</スタイル>
<body>
<DIV CLASS = "BOX1"> DIV1 </ DIV>
<DIV CLASS = "BOX2"> DIV2 </ DIV> <DIV CLASS = "clearfix"> </ div>
<DIV CLASS = "BOX3"> DIV3 </ div>
</ BODY>
2.自動に外部のdiv overflowプロパティを設定するか、隠されました
<スタイル>
■は{
背景色：黄色。
オーバーフロー：atuo。//或者是隠さ
}
.box1 {
幅：100pxに。
高さ：100pxに。
背景色：緑;
}
.box2 {
幅：100pxに。
高さ：100pxに。
背景色：赤。
}
</スタイル>
<身体>
の<divクラス= "ボックス">
<DIV CLASS = "BOX1"> DIV1 </ div>
<divのクラス= "BOX2"> DIV2 </ div>
</ div>
</ BODY>
3.クリアする擬似浮動希土類元素を用いて
<スタイル>
.clearfix：{後の
内容： "";
ディスプレイ：テーブル。
高さ：0;
可視性：両方。
クリア：両方;
}
.clearfix {
*ズーム：1。/ * IE / 7/6 * /
}
</スタイル>
<body>
<DIV CLASS = "ボックスclearfix">
<DIV CLASS = "BOX1"> DIV1 </ DIV>
<DIV CLASS = "BOX2"> DIV2 </ DIV>
</ DIV>
</ BODY>