如果固定div溢出，则设置页面滚动以显示内容

Question

HTML5真棒！但是要为像我这样的新手学习格式化。

我在MVC4中有一个布局页面，它使用两个固定的div。一个是菜单等等，另一个是内容持有者。

我的css剪辑：

.maincontent
{
position: fixed;

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

如果此div溢出，我想自动滚动页面。我试过了：

overflow-y:auto;

在body css和maincontent css元素中但它不起作用。

我错过了什么吗？

由于

Answer 1

使用overflow-y: hidden;代替auto

Answer 2

我尝试的一切都失败了。

快速又脏，我将div放在一个表格，单行，双列中，并将第二个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;
}

它完全按照我的需要工作，但我想知道是否有正确的方法来做到这一点。