Margin 穿透

当两个块级元素嵌套时，如果内部块元素设置了margin-top 属性，内部的块元素会击穿父级元素
    bfc  
    解决方法，1.给父级元素加个边框  border: 1px solid green; 会导致父元素变大
              2.给子元素设置 display：inline-black 转化为行内块
              3.给父元素设置 overglow：auto
        margin-top：-100px；
        允许给margin设置负值  
       标准流中，在页面布局过程中遵循标准流规范，元素是从左到右，从上到下，块元素独占一行，行元素共享一行
       给margin设定负值是 破坏文档流：
       破坏文档流：在页面布局过程中，元素在移动过程里不遵循标准流规范，移动完成后仍然在标准流中      
       脱离文档流：在页面布局过程中，元素不遵循标准流的规范，有自己的排列方式