[分享]css中宽高可否继承

CSS中，宽高的继承问题是经常被讨论和使用的。那么，CSS中的宽高是否可以继承呢？下面我们来一探究竟。首先，我们需要知道，CSS有哪些属性可以继承。这里列举一下： color fontsize fon...

CSS中，宽高的继承问题是经常被讨论和使用的。那么，CSS中的宽高是否可以继承呢？下面我们来一探究竟。

首先，我们需要知道，CSS有哪些属性可以继承。这里列举一下：

 color
    font-size
    font-family
    font-weight
    font-style
    text-decoration
    line-height
    letter-spacing
    word-spacing
    text-align
    vertical-align 

可以看到，宽高并没有在这个列表中。那么，为什么我们有时候可以看到子元素的宽高和父元素相同呢？

其实，这和CSS中的盒模型有关。盒模型中，元素的宽高是由content、padding、border和margin四部分组成的，而继承属性只能继承给元素的content部分。所以，针对普通元素的宽高无法继承，但是对于盒子元素里的内边距和边框，可以继承到子元素。

 <div style="width: 200px; height: 200px; border: 1px solid black;>
        <p>这是一个段落</p>
    </div> 

在这个例子中，div是一个盒子元素，宽高和边框就可以继承到子元素p中。但是需要注意的是，如果子元素定义了自己的padding和border，那么它的宽高和父元素就不一定相同了。

综上所述，CSS中的宽高无法被普通元素直接继承，但是可以继承到盒子元素中的内边距和边框。