阐述清除浮动的几种方法?
清除浮动的原因:为了解决父级元素因为子级浮动引起的内部高度为0的问题。
1.额外标签法:就是我们常说的clear:both,在父标签内最后添加一个空的子标签,设置clear:both
2.给父元素设置固定高度
3…父级div定义overflow:hidden(必须定义width或zoom:1,同时不能定义height,使用overflow:hidden时,浏览器会自动检查浮动区域的高度)
4.使用after伪元素清除浮动(推荐使用)
.clearfix:after{
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear:both;
visibility: hidden;
css垂直居中的几种方法?
1.使用绝对定位和负外边距对块级元素进行垂直居中
position:absolute;
top:50%;left:50%;
margin-top:-50px;//高度的一半
margin-left:-50px;//宽度的一半
2…使用绝对定位和transform
positon:absolute;
top:50%;
transform:translate(50%,-50%)
3.绝对定位结合margin:auto
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
4.使用flex布局
此方法是设置父元素