Html 如何更改此页面'；使其内容和菜单div一起展开的源代码？

在我的页面上，我只想在右外侧有一个滚动条。如果内容部分扩展，我希望整个表单扩展

如果content div展开，我希望右侧的菜单保持在顶部。如果菜单比内容长，则内容应保持在顶部

你会如何使用我的源代码

---

注意：请保留缩短url不变，因为我不希望我的网页url在此处公开显示。

我不理解问题的第二部分，但对于这一部分：

I want to have only one scrolling bar at the outer right. 
I want the whole form to expand if it's content part expands.

改变

#Layer-3 {
    overflow: auto;
}

通过移除或将其更改为

#Layer-3 {
    overflow: none;
}

总而言之，您的主要HTML应该如下所示：

<div class="main_body">
    <div class="header"></div>
    <div class="middle">
        <div class="content"></div>
        <div class="navigation"></div>
    </div>
    <div class="footer"></div>
</div>

请查看页面，执行此操作时出现问题。第二部分：右侧展开->左侧保持在顶部。左侧展开->右侧保持在顶部。而页脚始终位于这两个页面的底部。问题是，中间的div中包含了侧导航，但没有包含内容。因此，主圆形图像将仅展开以填充其子容器，这只是右菜单。您需要将左边的内容放在中间的div内容中，您称之为

Layer-1001

，确切地说-请参见图像右上角，导航结束，显示圆角页脚图像？那是因为我的评论引起的。修改HTML，使其类似于我编辑的答案，这将导致

Layer-1001

div在内容展开时展开。