css 中宽高为啥没有继承?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 中宽高为啥没有继承?相关的知识,希望对你有一定的参考价值。

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

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

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

参考技术A css 宽高是不可继承属性。1.在元素不设宽度的情况下:若元素为普通流中元素,元素宽度等于父元素宽度;若元素不在文档流中,元素宽度等于内容宽度;2.在元素宽度为100%的情况下:若元素为普通流元素或者浮动元素,元素宽度为父元素宽度的100%;若元素为绝对定位元素,元素宽度为元素offset-parent宽度的100%;若元素为固定定位元素,元素宽度始终为body的100% 参考技术B css 宽高是不可继承属性。1.在元素不设宽度的情况下:若元素为普通流中元素,元素宽度等于父元素宽度;若元素不在文档流中,元素宽度等于内容宽度;2.在元素宽度为100%的情况下:若元素为普通流元素或者浮动元素,元素宽度为父元素宽度的100%;若元素为绝对定位元素,元素宽度为元素offset-parent宽度的100%;若元素为固定定位元素,元素宽度始终为body的100% 参考技术C css 宽高是不可继承属性。1.在元素不设宽度的情况下:若元素为普通流中元素,元素宽度等于父元素宽度;若元素不在文档流中,元素宽度等于内容宽度;2.在元素宽度为100%的情况下:若元素为普通流元素或者浮动元素,元素宽度为父元素宽度的100%;若元素为绝对定位元素,元素宽度为元素offset-parent宽度的100%;若元素为固定定位元素,元素宽度始终为body的100% 参考技术D css 宽高是不可继承属性。1.在元素不设宽度的情况下:若元素为普通流中元素,元素宽度等于父元素宽度;若元素不在文档流中,元素宽度等于内容宽度;2.在元素宽度为100%的情况下:若元素为普通流元素或者浮动元素,元素宽度为父元素宽度的100%;若元素为绝对定位元素,元素宽度为元素offset-parent宽度的100%;若元素为固定定位元素,元素宽度始终为body的100%

以上是关于css 中宽高为啥没有继承?的主要内容,如果未能解决你的问题,请参考以下文章

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

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

H5 canvas的 widthheight 与style中宽高的区别

为啥我的 CSS 模块父级继承了子级的属性?

为啥在 <a> 中没有从 <li> 元素继承垂直对齐?

为啥这个 CSS 中的元素相互抵消(在不涉及继承但带有注释的 HTML 中)彼此不相关?