Css 具有动态高度的绝对定位div 我有一个基于基础5和angurjs的站点，其布局如下： header -left-nav --content footer

目前，左侧导航绝对定位在左侧，初始高度为100%（顶部：0，底部：0）

contentdiv的高度随加载内容的不同而变化（通过ajax）。当内容高度发生变化时，我正在手动调整左侧nav div的高度，但我想知道是否有一种html/css方法可以让我摆脱这个脚本

我已经尝试过使用我在谷歌搜索中找到的所有技术，但是没有javascript，这些技术似乎都不起作用。。我需要左导航总是100%的页面高度，因为它有一个黑暗的背景，延伸到页面底部

非常感谢,， Ben

更新 它在这里工作

这有一个“添加内容”按钮，它将显示如何处理动态数据

我只是改变了这个

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

---

你可以定位：固定；左侧导航高度：100%

你能创建一个jsfiddle.net吗这里是：-很抱歉有这么多的样式表，我不知道如何创建一个文件并引用它，你可以检查div以查看应用的样式。更新了fiddle。但不确定它是否能以更大的尺寸扩展，试试看，如果不能，用chrome检查元素，并找出div使用的css。当内容通过ajax添加到主内容div时，我非常确定高度保持与最初相同。我在fiddle中为您测试了它，通过动态添加内容，它可以工作。寻找yourself@BenKilah发布了一个更新的提琴，显示它工作非常感谢你的回复，我非常感谢，虽然这在你的提琴中工作，但它确实完成了我所追求的，检查我原始帖子的最后一句话，需要100%的页面高度，而不是与主要内容div相同的高度，干杯，你想让它通过页脚吗@那么本基拉能覆盖整个高度吗？