浮动

特性：

1、脱标

a)浮动元素会遮盖没有浮动的元素，只会遮盖它后面的标准流元素

b)所有元素都浮动，一行放不下就会换行

2、只要添加浮动，都会变成行内块

 

通常操作：

浮动元素套在一个标准流的元素中操作，

这个父元素通常可能没有高度，没有高度就不会被浮动的子元素撑开，于是就需要清除浮动

 

清除浮动:

1、额外标签

.{
    clear: both
}

2、父级添加overflow:hidden

3、父级添加after

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;      
}   

.clearfix {
  *zoom: 1;
}

 

4、父级添加双伪元素

 

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;  
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;  
}