让盒子div水平、垂直居中的方法和清除浮动

一：

div绝对定位水平垂直居中，上下左右为0，margin：auto 实现居中

二：

div绝对定位水平垂直居中，margin为负值，left和top为50%

三：

父元素设置弹性盒display:flex justify-content:center align-items:center

四：

将子元素设置为行内块元素，之后父元素设置text-align:center,然后设置vertical-align:middle;在子元素后面增加一个span空标签

五：

设置网格布局，让居中的元素放在最中间的格子

清除浮动

浮动：最早期做图文排版的
	让块元素同行显示
	html中块元素有自己排列规则，独占一行
	浮动元素会脱离文档流
	一旦有浮动，就会产生问题，一定要清除浮动
	清除浮动的方法：
	1.给受到浮动影响的元素添加overflow:hidden - 因为overflow属性会触发 BFC
	BFC: block formatting context 块级格式化上下文 - 让元素强制按照块元素的规则进行排列
	2.在受到浮动影响的元素前面，添加一个空div，给空div添加样式：clear:both
	3.在浮动元素的父标签的伪元素选择器:after中清除浮动 - 类似于空div  .X:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/         content: "";         display: block;         clear:both;     }
	4.在最后一个标签添加clear:both
	5.     .X{         *zoom: 1;