Html 调整父div的高度加上“;同级“;div到其中一个嵌套div的高度
我有一个响应性设计,有一个名为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?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? 塔克斯 如果
塔克斯 如果我正确理解了你的问题,这应该会有所帮助。 这只是一个例子,正如你所看到的,它对我很有效。 技巧是
显示:表格单元格两列中的代码>
我希望这能有所帮助。你能打个招呼吗?嗨,格林兹,谢谢你的快速回复。。。不幸的是,这并不能解决问题。我必须为高度设置正确的代码,而不是宽度。宽度很好用。Div B有文本,其高度根据文本长度进行调整(并且Div越小(在小屏幕中,高度越大)。Div C的高度必须与B的高度完全相同。如果图像太宽,则必须对其进行裁剪…-)@Hedydzigner我想指出,我在上面发布的JSFIDLE链接实现了您在评论中提到的每个方面。div A和div C的高度都取决于div B中有多少文本,并且都与div B具有完全相同的高度。如果图像太宽,也会“裁剪”。如果你想看到A区的高度,你可以去掉B区的背景色,你会看到A区(蓝色)延伸到B区的底部。如果你的问题仍然没有得到回答,请尝试再次表达这个问题。干杯