1、元素不设宽度时
a)第一种情况:元素为标准文档流元素时
i.子元素为默认情况下时
1.父元素设定宽度时,继承父元素的宽度;
代码如下:
效果如下:
2.父元素不设定宽度时,继承body的宽度;
代码如下:
效果如下:
CSS文档流和非文档流下的宽度和高度问题总结
最新推荐文章于 2022-08-20 14:19:09 发布
本文总结了CSS中元素在标准文档流和非文档流下,不设置宽度和高度,以及设置宽度为100%时的情况。在文档流中,元素宽度通常继承自父元素;脱离文档流后,宽度变为内容宽度。宽度为100%时,浮动元素、绝对定位和固定定位元素会有不同表现。高度方面,无内容时高度为0,有内容时为内容高度,设置为100%则根据元素类型参照父元素或offset-parent的高度。
摘要由CSDN通过智能技术生成