margin设置为什么会失效？ 无效情形解析！

《margin设置为什么会失效？ 无效情形解析！》正文开始，本次阅读大概9分钟。

在写代码的时候，常出现各种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负值很大的时候，内联元素也不会跑到容器外面！