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

Question

我有一个响应式设计，其中包含一个名为 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？ 谢谢!

Answer 1

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

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

希望对您有所帮助。