解决CSS外边距重合问题

虽然外边距的重叠有其一定的意义，但有时候我们在设计上却不想让元素之间产生重叠，那么可以有如下几个建议可供参考：

    1.外层元素 padding 代替;
    2.外层元素 overflow:hidden;

    3.内层元素透明边框 border:1px solid transparent;
    4.内层元素 padding:1px;
    5.内层元素 float:left;
    6.内层元素 display:inline-block;
    7.内层元素绝对定位 postion:absolute;