gpt4 book ai didi

html - 最后一个 DIV 填充父 DIV 高度的剩余部分(无 JS 或绝对位置)

转载 作者:搜寻专家 更新时间:2023-10-31 22:03:24 30 4
gpt4 key购买 nike

我希望 div C 填充父 div A 的剩余高度,同时允许同级 div B 具有可调整的高度。这可能只使用 CSS(没有 javascript)吗?

“position div C absolutely”已经回答了其他类似的问题,但这对我不起作用,因为我希望 div B 根据其内容具有可变高度。

+---------------------------------------+
| D +---------------------------------+ |
| i | div B (min and variable height) | |
| v +=================================| |
| | ^ | |
| A | | | |
| | div C | |
| | (remainder of height) | |
| | | | |
| | v | |
| +---------------------------------+ |
+---------------------------------------+

最佳答案

如果将顶部 div 设置为 float: left 和 width: 100% 会怎么样?

我已经尝试在 JSFiddle 中对其进行测试,它似乎有效。

代码是 here .

关于html - 最后一个 DIV 填充父 DIV 高度的剩余部分(无 JS 或绝对位置),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11589241/

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