html - Fixed div オーバーフローの場合にコンテンツを表示するようにページ スクロールを設定する

Question

HTML5はすごい！ただし、私のような初心者にとっては、書式設定について少し学ぶ必要があります。

MVC4 にレイアウト ページがあり、2 つの固定 div を使用しています。1 つはメニューなどで、もう 1 つはコンテンツ ホルダーです。

私のCSSスニピット：

.maincontent
{
position: fixed;

top:7px;
left:382px;
right:7px;
width: auto;
height: auto;
}

このdivがオーバーフローした場合、ページを自動スクロールしたい。私が試してみました：

overflow-y:auto;

body css 要素と maincontent css 要素の両方にありますが、機能していません。

何か不足していますか？

ありがとう

Answer 1

私が試したことはすべて失敗しました。

手早く汚い、私は div をテーブル、単一行、二重列内に配置し、2 番目の div を次のように設定します。

position:relative;

クイック アンド ダーティ テーブル:

<table class="contenttbl">
<tr>
<td><div class="div1"></div></td>
<td><div class="div2"></div></td>
</tr>
</table>

div1 CSS の場合:

.div1
{
position: fixed;
top:3px;
right:auto;
width: 355px;
height: auto;
}

および div2 CSS:

.div2
{
position: relative;
margin-left:7px;
margin-right:7px;
margin-bottom:7px;
width:inherit;
}

必要に応じてこのように機能しますが、適切な方法があるかどうかを知りたいです。

Answer 2

overflow-y: hidden;の代わりに使用auto