在寫代碼的時候，常出現各種margin會失效的情況，給定了數值沒有任何間距變動！

1、inline水平元素的垂直margin是無效的！（這也是常見的）

比如：<span>文字文字</span>

此時，span是inline水平元素，此時對span進行margin會無效，img等例外的替換元素不算！

解決方法：聲明下display:inline-black行內塊元素，或者換行display:black，此時margin又可以用了！

2、margin可能存在重疊：

《margin重疊 - 詳細講解重疊使用情境、方法、重疊條件、規則、案例！》

3、使用了display:table-cell/display:table-row表哥相關聲明時，margin也會失效！

4、絕對定位元素非定位方向元素的margin是“無效”的！

5、內聯特性導致margin失效，在內聯元素margin負值很大的時候，內聯元素也不會跑到容器外面！