【div居中与清除浮动影响】

div水平垂直居中的五种方法：

1、定位上下左右都为0 ，再用margin：auto；

2、定位left和top都为50%，再向下向右平移50%。

3、将父元素定义为弹性盒，并写上justify-content: center; align-items: center;

4、将子元素定义为行内快元素，并设置vertical-align：middle；子元素后新增一个span标签。给父元素的行高设为本身高度，同时text-align：center；

5、使用网格布局，将要居中的元素放在最中间的格子里。

清除浮动影响

1、给受到浮动影响的元素的父元素添加overflow：hidden

2、在受到影响的元素前面，创建一个添加了clear：both样式的空div

3、在受到浮动影响的父元素的伪元素选择器：after中清除浮动:after { clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }