gpt4 book ai didi

html - 当父元素被另一个子元素填充得更高时,强制元素为 100% 高度

转载 作者:行者123 更新时间:2023-11-28 10:29:00 25 4
gpt4 key购买 nike

<分区>

这里我有一个父级 div,其中包含两个子级。子项 1 设置为 100% 高度,但它不会显示在父项的实际高度,因为子项 2 迫使父项 div 更高。

<div style="height: 50px; width:106px">
<div style="border: 1px solid red; display: flex">
&nbsp;
<span style="border: 1px solid blue; height: 100%;">Child 1</span>
&nbsp;
<span style="border: 1px solid green; height: 100px;">Child 2</span>
&nbsp;
</div>
</div>

enter image description here

在这种情况下,如何让 child 1 匹配父 div 的实际 高度?我想用纯 HTML/CSS 来做到这一点。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com