div 的高度与它旁边的内容不符

Question

我会解释我的问题：

我有一个内容 div，其中包含 3 个其他 div：

                #content
#menu            #text          #sidebar
..          text...........      ------
..          text...........      ------
..          text...........      ------
            text...........      ------
            text...........
            text...........

这就是它的样子，#sidebar 中的条纹显示其中的内容。 侧边栏有一个绿色背景，该颜色贯穿整个网站。

但我想要的是#sidebar 的长度与#text 的长度相同。它应该看起来像这样：

                #content
#menu            #text          #sidebar
..          text...........      ------
..          text...........      ------
..          text...........      ------
            text...........      ------
            text...........      ------     
            text...........      ------

我不是专业的程序员，所以希望有人能帮助我。我已经尝试了一些“合乎逻辑”的事情，例如： -将#sidebar的高度设置为自动 - 将#sidebar 的高度设置为 100%（只会让它变长一点）

希望有人可以帮助我！提前致谢。

Answer 1

如果您在内容 div 上定义一个高度，并为每个树指定应该执行此操作的 style="height:inherit" :)

Answer 2

尝试以下更改：

#content {
    position: relative;
}

#balk {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
#balkgroen {
    height: 100%;
}

然后您可以删除#balk 和#balkgroen 上的float 以及#balk 上的margin。