元素的width属性是否可以继承

原文地址：http://www.jianghuihui.vip/a/jishuwenzhang/HTML_CSS/20180105/29.html

关于元素的继承问题真的是，有话要说，文字的一些样式可以继承，这个没有争议，
竟然还有一些同行说width也可以继承，这就忍不了了。

我写这么一段代码，div里面写了样式，而p里面什么都没写

在浏览器预览的效果
 

然后我们打开审查元素，去审查p元素
 

可以发现，width，height，background，margin，padding等都是灰色的，不可更改的， 而color，font-family，text-align，font-size，line-height等文字属性是正常颜色可以修改的 这就说明，前者不可以继承，后者可以继承。

 

1.那么为什么好多人说width可以继承呢？ 而且还特地分类去解释，width在不同的情况下继承性不同 这得从元素的显示模式下手
 

元素显示模式分为：行内元素和块级元素 块级元素的特点：独占一行 独占一行什么意思：就是在父亲的肚子里面占一行，也就是说宽度是父亲的100%，也就是说宽度和父亲宽度一样。 所以很多人认为，块级元素的width可以继承，其实不然。
 

2.用反证法继续证明： div的元素宽度是500px，如果width可以继承，那么p元素的width应该也是500px，我给p加了padding：20px，那么最终p的宽度应该是width+paddingleft+paddingright = 500+20+20 = 540px
 

但是我们审查之后，可以发现，p的宽度依然是500px，显然p仅仅独占一行，并没有继承width





原文地址：http://www.jianghuihui.vip/a/jishuwenzhang/HTML_CSS/20180105/29.html