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...........      ------

我不是专业的程序员，所以我希望有人可以帮助我。我已经尝试了一些＆＃34;逻辑＆＃34;像： - 将#sidebar的高度设置为auto - 将#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%;
}

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