定宽不定宽盒子的居中解决办法和外边距塌陷问题

1.定宽盒子居中：

　　水平：margin:0 auto;

　　上下：设置定位，50% - 对应宽度的一半

 

2.不定宽盒子居中：

　　设置定位：absolute ，top,left,right,bottom的值为0,margin：auto；

　　或者：

　　用CSS3属性 平移

　　设置定位，top left 50%,transform:translate(-50% , -50%)

 

3.外边距塌陷：

　　　1.overflow:hidden

　　　2.父元素设置边框

　　　3.改用父元素padding

　　　4.父元素设置float

　　　5.父元素设置定位

 

 

　　　

转载于:https://www.cnblogs.com/H5C3XXN/p/7515742.html