清除浮动
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
将元素移到可视区域外