[toc] ## margin重叠 只会发生在writing-mode的垂直方向  ### 父子重叠：margin穿透 第二种情况又称之为margin穿透  #### 父子重叠发生的条件与防止  空格也算一个内联元素，也能防止margin重叠 ### 空block元素margin重叠  #### 空block元素margin重叠发生的条件与防止  ### 计算规则 正正取大值 正负值相加 负负最负值 ### 初衷  ## 百分比单位 margin-top/left，水平竖直方向**都**是相对于父容器的**宽度**来计算的 ## margin负值：改变元素占据的空间 margin负值偏移不像relative的偏移，relative再怎么偏移，实际占据的位置就是最初的位置 ，而margin负值偏移时，会腾出不再占据的位置，并且它（margin-left/top）**侵入**到别人的地盘，也是悄无声息的**不**会占据位置（显示效果为覆盖） ### margin-top/left负值和bottom/right负值比较 margin-top/left 看起来是整个元素都往某个方向进行了偏移（腾出不再占据的位置，但侵入到其它元素地盘的部分并不占据位置） 而margin-bottom/right 则看起来整个元素并没有动，但其实它实际占据的位置被收缩了 ### 与overflow:hidden 如果设置了overflow:hidden，那么通过margin负值偏移时腾出的原本占据的位置部分会被裁减掉（无论margin-top还是bottom）  ### 与float