css - 行内元素的padding-top、padding-bottom是否影响其行内框？

问题描述

问 题

行内元素的padding-top、padding-bottom是否影响其行内框？

CSS权威指

非替换元素

198页：内边距、外边距和边框都可以应用到行内非替换元素，行内元素的这些方面不会影响行框的高度

199页：这个内边距并没有改变内容区的具体形状，不过它会影响这个元素行内框的高度。

替换元素：

202页：给替换元素设置padding和border...这个过程的不寻常之处在于，内边距和边框确实会影响行框的高度，因为他们要作为行内替换元素行内框的一部分（不同于行内非替换元素）。

我怎么觉得这两处矛盾了

解决方案

说非替换元素时，198那块写的是行框，199写的是行内框，非替换元素更改内边距等引起行内框改变，但不会影响到行框，即有可能内容会重叠。  
而行内替换元素改变`margin`等改变行内框时会影响到此行行框的高度，即会把这行撑起来，只有负`margin`才可以使行内替换元素与别的行的内容重叠。

这篇关于css - 行内元素的padding-top、padding-bottom是否影响其行内框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！