解決辦法：(指明該元素周圍不可出現浮動元素)
1、在最外圍的div設置能夠放下兩個div的高度(這個不說了)
2、一般我們采用的是clear：both的做法，但是這里我們會多加上div的標簽，代碼變多了。
3、對父級的div使用overflow：hidden
<pre>
<div class="div1">
<div class="div2">2</div>
<div class="div3">3</div>
<div class="div4"></div>
</div>
</pre>
style樣式：
<code>
.div1{
border: 1px solid red;
clear: both;
}
.div2{
width: 100px;
height: 30px;
border: 1px solid blue;
float: left;
}
.div3{
width: 100px;
height: 30px;
border: 1px solid blue;
float: left;
}
.div4{
clear: both;
}
</code>
實現的效果是：
image.png
下面的是直接在div1使用了overflow：hidden 后的效果圖：
image.png
和上面達到了一樣的效果。
