web前端面试题（一）

阐述清除浮动的几种方法？

清除浮动的原因：为了解决父级元素因为子级浮动引起的内部高度为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布局
此方法是设置父元素