<div id="outer">
<div id="inner">
<p>Where is pancakes house?</p>
</div>
</div>
#inner
将生长到足以容纳段落的高度,并且#outer
将生长到足以容纳段落的高度#inner
。
当您将高度或宽度指定为百分比时,这是相对于元素父级的百分比。对于宽度,除非另有说明,否则所有块元素的宽度一直与其父元素一样,一直到<html>
;因此,块元素的宽度与它的内容无关,也就是说,它width: 50%
产生了定义良好的像素数。
但是,除非您指定特定的高度,否则块元素的高度 。因此,在涉及高度的父级和子级之间会有反馈,并且height: 50%
除非您通过给父元素指定特定的高度来打破反馈循环,否则不会产生明确定义的值。