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

html-css012

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

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

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

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

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

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

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

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

*{

width:100%;

height: 100%

padding:0

margin:0

}

第一点. 现在没有办法,都是从上到下读取的。

第二点.怎么解决呢.

如果同样的名称 是会继承传递的

只有想办法 class 加上id

比如 <div class="top" id="head"></div>

这样区别开来

或者

2.

<a class="top head"></a>

<a class="top body"></a>

<a class="top foot"></a>

这样 只给top共同属性~

然后不一样的属性 标注在 head body 和foot上面 就不会冲突了~