Html 绝对定位和百分比高度

Html 绝对定位和百分比高度,html,css,height,css-position,Html,Css,Height,Css Position,请参阅 当“绝对定位”处于启用状态时,div p的高度为60px(距离父对象50+距离填充10) 现在,如果关闭绝对定位,则div p和div W的高度都将相同,即110px(距离child的高度为100,距离padding的高度为10) 有人能给我解释一下这里发生了什么事吗 1) 当“绝对定位”处于启用状态时,为什么p从父对象的最小高度而不是子对象的高度获取其100%的高度?(为什么填充仅适用于P?) 2) 当“绝对定位”处于禁用状态时,为什么p从子对象获取其100%高度,而不是父对象的最

请参阅


当“绝对定位”处于启用状态时,div p的高度为60px(距离父对象50+距离填充10)

现在,如果关闭绝对定位,则div p和div W的高度都将相同,即110px(距离child的高度为100,距离padding的高度为10)

有人能给我解释一下这里发生了什么事吗

1) 当“绝对定位”处于启用状态时,为什么p从父对象的最小高度而不是子对象的高度获取其100%的高度?(为什么填充仅适用于P?)


2) 当“绝对定位”处于禁用状态时,为什么p从子对象获取其100%高度,而不是父对象的最小高度?(为什么填充只应用于P和W?

填充只在

#P

至于高度,绝对定位会使元件脱离正常流量。高度o 100%使该元素具有除静态位置以外的任何父元素(如果未找到实体,则为实体)的完整高度。由于它不在流中,
#w
元素实际上没有元素,因此它会返回到其最小高度

<div id='w'>
   <div id='p'>
       <div id='c'>
       </div>
   </div>
</div>