html - 如何更改此页面的源代码,使其内容和菜单 div 一起展开?

标签 html css

<分区>

在我的页面上 http://kuerzer.de/UAGRb3tOQ我只想在右外侧有一个滚动条。如果内容部分展开,我希望整个表单展开。

如果内容 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>

关于html - 如何更改此页面的源代码,使其内容和菜单 div 一起展开?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8103020/

上一篇:jquery - 在 Opera 中损坏的下拉菜单

下一篇:html - 仅在部分背景图片上放置一个 html 链接,typo3 站点。

相关文章:

javascript - 选中时更改段落的字体大小

html - 导航点的神秘边距

html - 如何让折叠菜单按钮中的文本位于图标右侧?

html - 如何激活 Bootstrap 模式下一个和后退按钮

css - JSF1005 : Cannot instantiate validator of type javax. faces.Bean

javascript - 在没有任何html标签的html中隐藏文本

javascript - 将调整大小的表单图像上传到服务器

css - Bootstrap 3 导航栏中的灵活宽度输入字段

html - float div 中的图像 : minimum height = font-height/line-height?

javascript - 如何在jquery中获取动态创建的文本框的动态ID