清除浮动

子元素浮动会使子元素脱离文档流, 从而导致父元素失去子元素高度支撑导致塌陷

解决方法大致三种

1. 给父元素设置高度, 使其"看起来"没有塌陷

2. 给父元素添加一个带有clear: both;属性的block子元素, 用这个子元素撑起父元素的高

如果不想添加空元素也可以用伪类

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

3. 给父元素设置overflow: hidden;
   表示父元素边缘紧贴子元素, 从而达到清除浮动的效果