外边距塌陷 1.父元素设置高度 2.子元素脱标 3.overflow：hidden
清除浮动 1.overflow：hidden （子元素不能超出父元素） 2.clearfix：：after { content：“”； clean：both； visiblity：hidden display：block； height：0； line-height：0
}
盒子居中
1.定位 4个0 加margin： auto //兼容性 不知道子元素大小 2.定位 top：50% left : 50% margin-top:- px margin-left: - px //无兼容性最好 3.伸缩盒子:父元素 display:flex 子元素:margin: auto 4.位移加定位: left: 50%; top: 50%; transform: translate(-50%,-50%)
js方法 垂直居中 client 可视区域- offsetWidth (Height) /2 = left 6.转为表格: 父元素display：table-cell vertalign-middle 子元素 margin ： 0 auto 7.网格布局: 父元素 display：grid 子元素 margin ：auto
