margin塌陷和margin合并

一、margin塌陷

父子嵌套元素垂直方向的 margin ，父子元素是结合在一起的，他们两个会取其中最 大的值 正常情况应该是父级相对于浏览器进行定位，子级应该相对于父级定位的 ， 但是 margin 塌陷是在父级相对于浏览器进行定位时，子级没有相对于父级定位，就 像父级的棚子没有了一样 子级相对于父级，就像塌陷了一样

<style>
        *{
            margin: 0;
            padding: 0;
        }
        .wrapper{
            margin-left: 100px;
            margin-top: 100px;
            width:100px;
            height: 100px;
            background-color:black;
        }
        .content{
            margin-left: 50px;
            margin-top:100px;
            width: 50px;
            height: 50px;
            background-color: aquamarine;