问题记录/行内元素内外边距无效？

问题描述：行内元素指定上下边距无效

 可以看到margin-top没有效果，而margin-left有效果。

而使用padding时则不同，padding-left依然有效，而padding-top虽然有效，但不会影响周围的盒子布局。

 总结：行内元素下，margin只有左右起效果、padding左右上下都起效果，但上下的效果不会对周围其他盒子产生影响。 

给行内元素设置padding和margin是否有效_qq_37621289的博客-CSDN博客_行内元素的margin和padding 块级元素的padding和margin值的设置都是有效的。行内元素和块级元素一样，都是盒子模型。但是今天做网页时发现给span设置margin-top值并没有效果，所以就想检测一下行内元素的padding和margin值的设置是否有效。代码运行结果如下：可以看出margin-top和margin-bottom并没有起作用。下面看左右内边距：可以看到行内元素的margin-left和mar... https://blog.csdn.net/qq_37621289/article/details/82859024

参考一下上方文章

内边距你应该加在.header