2

次の点について明確な答えが見つかりません。

私はこのhtmlを持っています:

<html>
<head>
    <title>Title blabla</title>
</head>

<body>
    <div id="gHeader">
    </div>
    <div id="gBody">
    </div>
</body>
</html>

gHeader はヘッダー パーツで、ここにメニューが入ります。gBody はボディ パーツで、その他すべてが入ります。

画面に収まりきらないほど多くのコンテンツを gBody で取得すると、右側にスクロールバーが表示されます。問題は、このスクロールバーが gHeader を少し左に押すことです。

私が探している解決策は、スクロールバーが表示されたときに、gBody にのみ表示され、gHeader には部分的に表示されないことです。

スクロールバーがヘッダーのルック アンド フィールに影響を与えたくありません。特に、メニューの一部が右から始まるためです。これは可能ですか？

4

2 に答える 2

0

コンテンツ領域の高さを手動で設定し、を使用する必要がありますoverflow:auto。このようなものが機能する可能性があります：

#gHeader {
    position: fixed;
    left: 0; top: 0; right: 0; height: 150px;
}
#gBody {
    position: fixed;
    left: 0; top: 150px; right: 0; bottom: 0;
    overflow: auto;
}
于 2012-11-18T20:54:46.517 に答える
0

必要なのは、固定の高さとoverlow-y;auto だけです。あなたのgBody。

例：

#gBody {
    height: 600px;
    overflow-y: auto;
}
于 2012-11-18T20:56:53.887 に答える