javascript - 使内部div与容器的高度相同

我在这个论坛和许多其他地方都搜索了很多解决方案，但是找不到一个好的解决方案。有人建议对此使用表格布局，而其他人则提出其他建议，但我想要一个干净的解决方案。我正在使用twitter bootstrap，这是问题所在。

<div class="row">
<div class="col-lg-3">
Side Bar Content Here
</div>

<div class="col-lg-9">
Main Content of the page
</div>
</div>

我在侧栏上使用背景色。现在的问题是，将边栏的高度设置为等于容器的高度，以使边栏不会在中间断开。由于右侧的内容可以是从几句话到几页的任何内容，因此我无法将col-lg-3设置为任何固定高度。身高：100％由于webkit中的错误而无法正常工作。

我正在寻找一个javascript解决方案或jquery中的东西，它将计算容器div（行）的高度并将该高度设置为col-lg-3，因此背景从上到下覆盖。这是许多人面临的问题，我已经看到很多问题，而没有一些非常有用的答案。因此，这将使很多人陷入困境。

干杯
阿玛

最佳答案

编辑：

如果您不关心使用js，则可以使用：

var rowheight = $(".row").height();获取行的高度；

并使用：$(".row div").height(rowheight);对其子div进行调整

小提琴：http://fiddle.jshell.net/MtD6Q

关于javascript - 使内部div与容器的高度相同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18341657/