css 中宽高为什么没有继承?

html-css017

css 中宽高为什么没有继承?,第1张

只有块元素才可以默认“继承”其父元素的width.

浮动元素和定位元素也是不默认(不自动)“继承”其父元素宽度的。

当符合css默认“继承”的情况下(子元素必须是块级元素且无定位或浮动),是不需要写width属性,就可以默认“继承”的。

您好,

不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。

所有元素可继承:visibility和cursor。

内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。

块状元素可继承:text-indent和text-align。

列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

表格元素可继承:border-collapse。

可继承就是父节点设置了这个属性后,子节点就可以继承他的属性

继承,字面的意思就是继承上级的属性。比方说

<div class="no1">

<p></p>

</div>

这里我设定.no1{ text-align:center},那么它下面的<p>标签也就继承了文字居中这个属性了。一般很少会再去定义p{text-align:inherit}因为它默认就是会继承上级属性的。除非有些特殊的标签自带了某些属性,才会有可能用到inherit来继承上级属性。