只有块元素才可以默认“继承”其父元素的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
}