0

私のhtmlの構造は

<body>
<div class="divHead"></div>
<div class="divBody"></div>
</body>

私がやりたいことは、divHeader に固定の高さ (100px としましょう) を与え、divBody をページの最後まで正確に拡張させ、ブラウザーのスクロール バーを使わないようにすることです。

したがって、ユーザーのウィンドウが 1000px の場合、ボディは 900px などになります...

divBody の高さを 100% に設定すると、本体の 100% が使用されます。つまり、ページにスクロール バーが作成されます。

前もって感謝します、

4

3 に答える 3

2

絶対配置を使用できます: FIDDLE: http://jsfiddle.net/Z4vNN/2/

.divHead {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-color: red;
}

.divBody {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: green;
    overflow: auto;
}
于 2013-06-03T15:04:32.630 に答える
1 
.divBody {
   height: calc(100% - 100px);
}
于 2013-06-03T15:03:59.330 に答える