1

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

4

4 回答 4

1

将这些 div 包含在父 div 中，并将它们的高度设置为 100%。

于 2012-04-23T23:45:39.303 回答
1

假设元素在body. 100% 给身体，和所有的 div

body, #div1, #div2 { height: 100%; }

如果不是，那么您必须再次将父级的高度或链100%高度一直固定到主体。

#parent { height: 800px; }
#div1,#div2 { height: 100%; }
于 2012-04-23T23:47:31.953 回答
0

您只需要一个三列 (X)HTML + CSS 布局。

它在这里

于 2012-04-23T23:47:34.510 回答
0
  1. 让我们插入一个父 div（这两个相邻 div 的容器）
  2. 添加一个属性'display：flex;' 到父 div

.parent{
  display: flex;
}

.child1, .child2{
  padding: 10px;
  border: 1px solid gray;
}
<body>
    <div class="parent">
        <div class="child1">
            CHILD 1 AREA<br />
            CHILD 1 AREA
        </div>
         <div class="child2">
             CHILD 2 AREA
        </div>
    </div>
</body>

于 2019-12-30T09:36:33.643 回答