[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