Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/python-3.x/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 调整父div的高度加上“;同级“;div到其中一个嵌套div的高度_Html_Css_Nested_Height_Parent Child - Fatal编程技术网

Html 调整父div的高度加上“;同级“;div到其中一个嵌套div的高度

Html 调整父div的高度加上“;同级“;div到其中一个嵌套div的高度,html,css,nested,height,parent-child,Html,Css,Nested,Height,Parent Child,我有一个响应性设计,有一个名为a的div,包含两个嵌套的div B和C,它们彼此相邻。参见url www.tripleconcept.nl/nested_div_height.jpg Div B包含文本(高度变量,取决于文本的长度和Div的宽度)。屏幕尺寸越小,宽度越小,高度越长) divc包含一个映像 我希望DIV B的文本长度为其高度的前导,以及包含父级A的高度的前导。 DIV C的高度也必须调整为B和A的高度,这意味着图像的宽度将被裁剪 我想不出来。谁愿意帮我写正确的css? 塔克斯 如果

我有一个响应性设计,有一个名为a的div,包含两个嵌套的div B和C,它们彼此相邻。参见url www.tripleconcept.nl/nested_div_height.jpg

Div B包含文本(高度变量,取决于文本的长度和Div的宽度)。屏幕尺寸越小,宽度越小,高度越长) divc包含一个映像

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

我想不出来。谁愿意帮我写正确的css?
塔克斯

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

这只是一个例子,正如你所看到的,它对我很有效。 技巧是
显示:表格单元格


我希望这能有所帮助。

你能打个招呼吗?嗨,格林兹,谢谢你的快速回复。。。不幸的是,这并不能解决问题。我必须为高度设置正确的代码,而不是宽度。宽度很好用。Div B有文本,其高度根据文本长度进行调整(并且Div越小(在小屏幕中,高度越大)。Div C的高度必须与B的高度完全相同。如果图像太宽,则必须对其进行裁剪…-)@Hedydzigner我想指出,我在上面发布的JSFIDLE链接实现了您在评论中提到的每个方面。div A和div C的高度都取决于div B中有多少文本,并且都与div B具有完全相同的高度。如果图像太宽,也会“裁剪”。如果你想看到A区的高度,你可以去掉B区的背景色,你会看到A区(蓝色)延伸到B区的底部。如果你的问题仍然没有得到回答,请尝试再次表达这个问题。干杯