绝对定位的div具有动态高度

Question

我有一个基于5号基础的网站。 angularjs具有以下布局：

header
-left-nav
--content
footer

目前左侧导航栏绝对位于左侧，初始高度为100％（顶部：0，底部：0）

内容div的高度会根据加载到它的内容而变化（通过ajax）。当内容高度发生变化时，我手动调整left-nav div的高度，但我想知道是否有一种方法可以让html / css摆脱这个脚本。

我尝试过使用谷歌通过谷歌搜索找到的所有技术，但似乎没有没有javascript的工作......我需要左侧导航始终是页面高度的100％，因为它有一个深色背景，延伸到页面底部。

非常感谢， 本

Answer 1

更新

它在jsfiddle.net

中工作

这个FIDDLE有一个“添加内容”按钮，可以显示它使用动态数据。

我刚改变了......

 .small-fixed-130-left.column {
        position:absolute;
        width:11.4285714286rem;
        top:0;
        left:0;
            bottom: 0;
    }

Answer 2

你可以定位：固定;左侧导航，高度为：100％;