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

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.父元素设置定位

   

用IE6的以后吃方便面都没有调料包!!!
原文地址:https://www.cnblogs.com/H5C3XXN/p/7515742.html