Question

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

我有一个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>

HERES A PICTURE TO DESCRIBE WHAT IM LOOKING FOR

Answer 1

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

 overflow:auto

并添加到你的身体：

margin: 0;

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

Answer 2

尝试

min-height: 100%;

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

即使内容溢出，拉伸背景div也会达到100％垂直

2 个答案: