gpt4 book ai didi

html - 将父 div 的高度加上 "same level"div 调整为嵌套 div 之一的高度

转载 作者:太空宇宙 更新时间:2023-11-04 03:18:46 26 4
gpt4 key购买 nike

我有一个响应式设计,其中包含一个名为 A 的 div,其中包含两个彼此相邻的嵌套 div B 和 C。见网址 www.tripleconcept.nl/nested_div_height.jpg

Div B 包含文本(高度可变,取决于文本的长度和 DIV 的宽度)。在较小的屏幕尺寸中,宽度会更小,高度会更长)DIV C 包含一个图像。

我希望 DIV B 的文本长度领先于它的高度和包含父级 A 的高度。DIV C 的高度也必须调整为 B 和 A 的高度,这意味着图像的宽度将被裁剪。

我想不通。谁愿意帮我写正确的CSS?谢谢!

最佳答案

如果我正确理解了您的问题,这应该会有所帮助。 jsfiddle

这只是一个示例,如您所见,它对我有用。诀窍是在两列中显示 display:table-cell;

希望对您有所帮助。

关于html - 将父 div 的高度加上 "same level"div 调整为嵌套 div 之一的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28278011/

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