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>

HERES A PICTURE TO DESCRIBE WHAT IMが探しているもの

4

2 に答える 2

0

そのコンテナのすべての絶対位置を取り除き、次を使用します。

 overflow:auto

そしてあなたの体に追加してください：

margin: 0;

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

于 2013-06-14T18:23:00.017 に答える