在标准盒子模型下,CSS 属性 width 指定的是元素内容区(content area)的宽度。
子元素设置 width: 100%; 后,会占据父级元素的整个内容区宽度。
但有一个例外:绝对定位元素和它的包含块。
在包含块中,绝对定位元素的百分比宽度是基于包含块的 padding box,也就是內边距区宽度计算的。
子元素设置 width: 100%; 后,会占据父级元素的整个内容区宽度。
但有一个例外:绝对定位元素和它的包含块。
在包含块中,绝对定位元素的百分比宽度是基于包含块的 padding box,也就是內边距区宽度计算的。
展开
6
5
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)