您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS –为什么百分比身高不起作用?

CSS –为什么百分比身高不起作用?

块元素的高度认为块内容的高度。因此,给定这样的东西:

<div id="outer">
    <div id="inner">
        <p>Where is pancakes house?</p>
    </div>
</div>

#inner将生长到足以容纳段落的高度,并且#outer将生长到足以容纳段落的高度#inner

当您将高度或宽度指定为百分比时,这是相对于元素父级的百分比。对于宽度,除非另有说明,否则所有块元素的宽度一直与其父元素一样,一直到<html>;因此,块元素的宽度与它的内容无关,也就是说,它width: 50%产生了定义良好的像素数。

但是,除非您指定特定的高度,否则块元素的高度 。因此,在涉及高度的父级和子级之间会有反馈,并且height: 50%除非您通过给父元素指定特定的高度来打破反馈循环,否则不会产生明确定义的值。

CSS 2022/1/1 18:17:07 有357人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶