width可以继承吗（div css 子DIV 可以继承父元素哪些属性）

本文目录

• div css 子DIV 可以继承父元素哪些属性
• css 子块级元素会继承父块级元素的宽高吗
• CSS里 width:inherit 什么意思
• CSS中属性可以继承及不可继承详解

div css 子DIV 可以继承父元素哪些属性

里面的DIV不会继承width 这个属性；
如果外面的DIV 有设置 color 或者 font-size 里面的DIV就会继承父DIV属性！
总之 DIV 的继承关系 你用的多了以后 就自然会了解的！

width 这个属性不会有很多继承，
非要说有继承关系的话 那就是 在设置 里面的DIV的 百分比的时候 会继承父DIV的属性， 直接给DIV设宽度 就没继承！

css 子块级元素会继承父块级元素的宽高吗

css 子块级元素不会继承父块级元素的宽高。

在width属性的值设置成auto的情况下，块级元素内容区的宽度取决于左右外边距是否明确设置了值。如果左右外边距值都是auto，则左右外边距的值都会被重置为默认的值0；如果左右外边距中只有一个值是auto，则该值被重置为0，另一个值有效；如果左右外边距都设置了明确的值，两个值都将有效，此时元素内容区的宽度就是父元素的宽度减去左右外边距后的值。需要说明的是，左右外边距的默认值是0，这意味着如果没有在CSS规则中声明margin-left或者margin-right，它们就会使用默认值0。

在width属性的值设置为大于0的值的情况下，块级元素内容区的宽度就是由width属性设置的值。此时，左右外边距的值如果都是auto，则会使块级元素在其父元素中居中；如果左右外边距中只有一个值是auto，则明确设置的值有效，auto值会自动适应剩余的宽度；如果左右外边距都设置了明确的值，那么在从左往右阅读的语言中，会把右外边距的值重置为auto。

第一种情况：

规则是 p { margin-left:auto;width:auto;margin-right:auto; }
即，三个属性全都取auto值。如图3所示，结果是p元素的内容区的宽度和父元素div的宽度相等。根据前面的公式（此例未考虑左右边框和内边距，假设它们全取默认值0）我们知道，此时的margin-left:auto和margin-right:auto等同于margin-left:0和margin-right:0。或者说此时的左右外边距都等于0。

第二种情况：

规则是 p { margin-left:50px;width:auto;margin-right:auto; }
即，把左外边距明确设置为50像素，width和margin-right的值仍然是auto。如图3所示，结果是p元素的内容区宽度等于div元素的宽度减去50像素。也就是说，此时左外边距是50像素，而margin-right:auto相当于margin-right:0，即右外边距为0。

第三种情况：

规则是 p { margin-left:auto;width:auto;margin-right:50px; }
与第二种情况类似，只不过是把右外边距而不是左外边距明确设置为50像素。图3所示的结果告诉我们，此时右外边距是50像素，而左外边距为0。

（以上三种情况，值为auto的外边距都被重置为默认值0）

第四种情况：

规则是 p { margin-left:50px;width:auto;margin-right:50px; }
这次是把左、右外边距都明确地设置为50像素，而只有width属性是auto。如图3所示，结果是p元素内容区的宽度等于div的宽度减去（50+50=）100像素。也就是说，50像素的左、右外边距是有效的。p元素内容区在左右外边距之间以自动适应的宽度值补足了div元素的宽度。

第五种情况：

规则是 p { margin-left:auto;width:200px;margin-right:auto; }
这次把左、右外边距都设置为auto，而把width明确地设置为200像素。如图3所示，结果是p元素的内容区宽度就是设置的200像素，而且，由于左右外边距同为auto，使得p元素在div元素中水平居中。这种情况也是网页布局中最常用的居中块级元素居的主要手段。

第六种情况：

规则是 p { margin-left:50px;width:200px;margin-right:auto; }
这次margin-left和width分别明确设置成了50px和200px，只有右外边距的值是auto。从图3中可以看到，结果是p元素的内容区就是设置的200像素，而左外边距也是设置的50像素。但右外边距此时在前两个部分之后以自动适应的宽度值补足了div元素的宽度。

第七种情况：

规则是 p { margin-left:auto;width:200px;margin-right:50px; }
与第六种情况相似，但这次是左外边距在后两个部分之前以自动适应的宽度值补足了div元素的宽度。

第八种情况：

规则是 p { margin-left:50px;width:200px;margin-right:50px; }
这是一种典型的情况，即三个属性都明确地设置相应的值。从图3的结果中我们看到，只有左外边距和p元素内容区的宽度是设置的值。右外边距虽然也明确设置了50像素的值，但实际情况就像是使用了auto的第六种情况一样。实际上，在三个属性都明确设置了值，但其中一个值在没有解的情况下－－即在不能满足三者之和等于div元素宽度的情况下－－在从左往右阅读的语言中，会把右外边距重置为自动适应的宽度值，也就是auto。

CSS里 width:inherit 什么意思

inherit
规定应该从父元素继承
width
属性的值。也就是使用和上一级父元素同样的width。其他的规则也是如此,inherit就表示继承父元素的值。
注释：任何版本的
Internet
Explorer
（包括
IE8）都不支持属性值
"inherit"。width：100%和width:inherit,除去兼容性，大多数情况下，两者作用是一样的，甚至都很难想出不一样的理由。

CSS中属性可以继承及不可继承详解

一、不能继承的属性

① 盒子模型所有属性：margin、padding、border、width、height。

② 轮廓及背景属性：outline、background。

③ 定位、显示、浮动属性：display、position、top、left、right、bottom、max-*（如max-height等）、overflow、clear、float、content、z-index。

④ 其他：vertical-align、text-decoration、text-shadow、white-space。

注意：内联元素不能继承：text-indent和text-align，但是块级元素可以。

二、元素可继承属性

① 所有元素可继承：visibility、cursor。
② 列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。

③ 字体属性：line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、font-size-adjust。

④ 文本属性：text-transform、direction，除了（text-decoration、text-shadow 内联元素不能继承 ） 块级 可继承。

⑤ 表格布局属性：caption-side、border-collapse、border-spacing、empty-cells、table-layout。

⑥ 其它属性：letter-spacing、word-spacing。
如果还有您知道的，希望可以留言补充。

如果喜欢，不要吝啬你的爱心“:red_heart:”哦！