问题描述
在学udemy的html&css课的时候，challenge2有一部分是给超链接添加margin-top/bottom,添加后浏览器devtool的样式中显示margin已生效，但是在页面中却无法显示。
解决过程
搜索margin不生效的几个原因可以总结为
- parent box 放不下
- 上下相邻的块产生margin折叠
但是前者一般对parent中头尾的child产生影响，后者就算发生折叠浏览器的devtool也会显示margin（如图）
一番搜索之后，发现属于块级元素，上下的margin和padding不生效，行内元素和块级元素详细内容见:https://www.cnblogs.com/WebShare-hilda/p/4708381.html
总结
尽量不要把strong em a等行内元素作为排版单元使用，仅仅作为调整内容样式的工具，他们无法调整宽高（除了img，它是特殊的行内元素）
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ |
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
