浮动和清除浮动

浮动 float:left;right;none;

注意！！加了浮动的img可能会出现两种情况：脱离文档流，导致div包不住、div高度塌陷（可以用以下4种方法清除浮动，比较推荐使用伪类）

清除浮动

1.clear：left;right;none;both；在浮动元素后面加上一个空的div，设置clear：both；

2.给父元素设置高度

3.给父级元素添加overflow:hidden;

overflow:visible；默认值 超出元素的内容不会被修剪 但是会呈现在盒子外

overflow:hidden;超出元素的内容会被修剪，并且内容不可见

overflow:scroll;内容会被修剪，浏览器横向和纵向都会显示滚动条

overflow:auto;内容会被修剪，浏览器会自动在需要滚动条的地方添加滚动条

4.给父元素添加伪类

.clearfix::after{

content: "";在clear后面添加的内容为空

display: block;把添加的内容转为块元素

clear: both;清除两边浮动

}