调整父div的高度加上“相同级别”div到其中一个嵌套div的高度

时间:2015-02-02 12:41:34

标签: html css3 nested height parent-child

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

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

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

我无法理解。谁想帮我写一篇合适的CSS? 感谢名单!

1 个答案:

答案 0 :(得分:2)

如果我理解你的问题,这应该会有所帮助。 jsfiddle

这只是一个例子,你可以看到它对我有用。 两个列中的诀窍是display:table-cell;

我希望这会有所帮助。