CSS基础复习总结（一）——元素隐藏、清除浮动

一.隐藏元素的几种方法
       1.display:none //使用该方法时隐藏的元素将不会占用原来的位置。
       2.visibility: hidden //使用该方法时隐藏的元素将占用原来的位置。
       3.运用padding给足够大的左边距将其在浏览器中把他给挤出去，为了安全起见建议加上overflow：hidden——这样可以把千里之外的元素再给隐藏起来~
二.清除浮动的几种方式：
       1.给父元素设置一个高度，但是这种方法在一些获取刷新商品的情况中不适用。
       2.在结尾出添加一个空的盒子，并给其样式clear：both，这样的原理是让父级盒子自动获取高度
       3.父级 div 定义 伪类：after 和 zoom，原理和方法 2 有点类似但是可以使代码的可读性大大提高，推荐使用

.clearfix：after{
content：""；
display：block；
visibility：hidden；
height：0；
line-height：0；
clear：both；
}
.clearfix{zoom：1}  //兼容ie8以下版本的清除浮动的支持

       4.父级 div 定义 overflow：hidden，这样的话会把超出父盒子部分的子元素给隐藏掉，不推荐使用。
       5. 双伪元素法：与方法3类似，只不过方法3只在父盒子后面建立了伪元素，该方法是在父元素前面和后面都建立了伪元素。

.clearfix：before，.clearfix：after {
content： ""；
display： block；
clear： both；
}
.clearfix {
zoom： 1；
}