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

html-css023

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

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

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

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

inherit

规定应该从父元素继承

width

属性的值。也就是使用和上一级父元素同样的width。其他的规则也是如此,inherit就表示继承父元素的值。

注释:任何版本的

Internet

Explorer

(包括

IE8)都不支持属性值

"inherit"。width:100%和width:inherit,除去兼容性,大多数情况下,两者作用是一样的,甚至都很难想出不一样的理由。

css中的所有元素高度由内容决定,不走继承。

DOM根对象为document。中文意思就是文档。就像你写作文,开始动笔,压根不知道自己能写多少行内容,所以高度不确定。

高度不控制的应用主要是网站。但是如果做web应用,一般会进行元素的高度宽度控制。

那么如果想给所有元素进行高度控制。并默认继承父元素的所有高度只需要写一行CSS放在css最顶部:

*{

width:100%;

height: 100%

padding:0

margin:0

}