float 浮动清除

float:当父元素里面的所有子元素都浮动，那么会出现父元素塌陷。
解决父元素的塌陷：
1.设置父元素的高度（不推荐使用）
2父元素溢出设置隐藏（overflow：hidden）也不推荐使用
3设置父元素伪类after（#父元素：after{content：”“；(内容为空)
clear：both；（清除浮动）
height：0；（高度为0）
display:block;（转为块级元素）
visibility:hidden; /可见性/}
4 给父元素最后一个儿子添加一个div， 并给这个儿子设置clear
.clear{ width:0px;
height:0px;
clear:both;}
5伪类选择器 （：hover）鼠标移入效果
6outline:轮廓
7cursor:pointer鼠标变小手
8overflow：visible鼠标移入显示隐藏
overflow：hidden(超出隐藏)
visibility:hidden隐藏
display：none消失
不设置图片高度会出现多出来3px 的距离vertical-align:top/middle(图片与底部对齐
margin-top在设置儿子上面会把父元素拖下来
（解决方式：加内容；加边框；设置overflow；*）
margin外边距：两个盒子同时设置外边距，上下值取最大
外边距左右取和