清除浮动/隐藏元素 的方法

清除浮动

1.伪对象（推荐使用）

.clearfloat :after{
    content:"";
    display:block;
    clear:both;
    height：0；
    overflow:hidden;
}
.clearfloat{
    zoom:1;
}

2.给父元素添加 clear:both; 清除浮动

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

4.在需要清除浮动的元素下面额外添加一个div 盒子并给它设置 clear:both;

5. 给父元素设置高度height（父元素高度必须已知）

隐藏元素

1. display：none;

设置为不显示，所以不占位置

2. visibility:hidden;

规定元素是否可见，占位置

3. opacity:0;

设置透明度为100%，占位置

4.position：absolutely；left:-1000px ;  top:-1000px

将元素移到可视区域外