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

资料来源：网络整理时间：2023/3/4 1:04:02 共计：3572 浏览

在写代码的时候，常出现各种margin会失效的情况，给定了数值没有任何间距变动！

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

此时，span是inline水平元素，此时对span进行margin会无效，img等例外的替换元素不算！

解决方法：声明下display:inline-black行内块元素，或者换行display:black，此时margin又可以用了！

《margin重叠 - 详细讲解重叠使用情境、方法、重叠条件、规则、案例！》

3、使用了display:table-cell/display:table-row表哥相关声明时，margin也会失效！

4、绝对定位元素非定位方向元素的margin是“无效”的！

5、内联特性导致margin失效，在内联元素margin负值很大的时候，内联元素也不会跑到容器外面！

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

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