0

我知道我遗漏了一些基本的东西，我已经浏览了 2 打帖子中的大部分内容，试图弄清楚我在寻找什么……但似乎无法做到正确。看看这里：

http://jsfiddle.net/ttGgH/

我有一个需要垂直拉伸的 div，这在页面加载时非常完美。第二次我得到需要滚动的数据溢出，div 不再修复，它停在原始窗口的 100%。无论容器中有多少数据，我缺少什么让它达到 100% 垂直？我知道可能有一些内容涵盖了这一点，抱歉。我找不到它！

CSS：

html, body {
    height: 100%;
    background:#333;
    margin:0;
}

.container_fullscreen {
    position: absolute;
    width: 80%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background:#ccc;
    margin: 0 auto;
}

.BRC_main_wrapper {
    height:100%;
    top: 0px;
    bottom: 0px;
    padding: 0px;
    width:100%;
    margin: 0 auto;
}

.BRC_main_sidenav {
    width:120px;
    height:100%;
    top:0px;
    bottom:0px;
    float:left;
}

.BRC_grid_4columns {
    min-width:275px;
    width:100%;
    max-width:357px;
    float:left;
}

.BRC_grid_activegutter {
    margin:8px;
}

HTML：

<body>
<div class="container_fullscreen">
    <div class="BRC_main_wrapper">
        <div class="BRC_main_sidenav"></div>
        <!--- grid --->
        BLA BLA BLA<br>
        BLA BLA BLA<br>
        BLA BLA BLA<br>
        <!--- end grid --->
    </div>
</div>
</body>

这是一张图片来描述我在寻找什么

4

2 回答 2

0

摆脱您在该容器上的所有绝对定位并使用：

 overflow:auto

并添加到您的身体：

margin: 0;

http://jsfiddle.net/ttGgH/2/

于 2013-06-14T18:23:00.017 回答
-1

尝试

min-height: 100%;

有趣的是，我的信息太短了，但就是这么简单。

于 2013-06-14T17:01:03.533 回答