css浮动清除

解决办法：(指明该元素周围不可出现浮动元素)

1、在最外围的div设置能够放下两个div的高度(这个不说了)

2、一般我们采用的是clear：both的做法，但是这里我们会多加上div的标签，代码变多了。
3、对父级的div使用overflow：hidden

 

 
2
 
3
 

 
 

style样式：

.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;
}


实现的效果是：

image.png

下面的是直接在div1使用了overflow：hidden 后的效果图：

image.png

和上面达到了一样的效果。