Css 一个div相对于另一个div的动态高度增加_Css_Html

Css 一个div相对于另一个div的动态高度增加

css html

Css 一个div相对于另一个div的动态高度增加,css,html,Css,Html,我有两个div。这两个div定位为两个相邻的垂直柱。我不想通过css预先确定div的高度，而是希望它随着我输入的内容而动态增长。这对于一个div来说足够简单，但我的问题是，我希望左侧背景色为绿色的div增长到与右侧div相同的高度。右边的内容总是比左边多将这些div括在父div中，并将其高度设置为100%。假设元素位于主体之后。全身心投入，所有的div body，#div1，#div2{高度：100%；} 如果不是，则必须固定父对象的高度，或者再次将高度链100%height一直链接到身体

我有两个div。这两个div定位为两个相邻的垂直柱。我不想通过css预先确定div的高度，而是希望它随着我输入的内容而动态增长。这对于一个div来说足够简单，但我的问题是，我希望左侧背景色为绿色的div增长到与右侧div相同的高度。右边的内容总是比左边多

将这些div括在父div中，并将其高度设置为100%。

假设元素位于

主体之后。全身心投入，所有的div
body，#div1，#div2{高度：100%；}

如果不是，则必须固定父对象的高度，或者再次将高度链100%
height一直链接到身体
#父{高度：800px；}
#div1，#div2{高度：100%；}
您只需要一个三列（X）HTML+CSS布局
它是
让我们插入一个父div（这两个相邻div的容器）
添加属性“display:flex；”到父div

.parent{
显示器：flex；
}
.child1.child2{
填充：10px；
边框：1px纯色灰色；
}

儿童1区

儿童1区
儿童2区