html – 使用固定的div布局和最小宽度滚动

发布时间：2020-12-14 19:38:23 所属栏目：资源来源：网络整理

导读：我一直在努力布局这个页面,但是对于我来说,似乎无法让它按照我想要的方式工作. Window = blackTitlebar = redContent div = blueVertical scrollbar = greenHorizontal scrollbar = yellow 最小标题栏/内容div宽度1024px,增长到窗口大小. 我可能完全反思,答

我一直在努力布局这个页面,但是对于我来说,似乎无法让它按照我想要的方式工作.

Window = black
Titlebar = red
Content div = blue
Vertical scrollbar = green
Horizontal scrollbar = yellow

最小标题栏/内容div宽度1024px,增长到窗口大小.

我可能完全反思,答案可能比我试图简单.

基本上,我想在页面顶部有一个固定的标题栏div,从不垂直滚动.如果它不适合水平的窗口,我想要水平滚动条滚动标题栏和内容.如果内容div高于窗口高度,我希望它滚动,否则我希望它扩展到页面的底部.

在大多数情况下,我在下面没有限制如何设置这些div,所以想象有一个空白的石板.

仅在最近的操作系统上需要在现代浏览器上工作.理想的只是一个CSS / HTML修复,但会考虑一些JS,如果绝对需要.需要可见的滚动条(某些版本我尝试的滚动条在窗口范围外,即不仅仅是滚轮滚动,而是点击并拖动滚动).

解决方法

我必须编辑我的答案,因为在阅读Lokesh Suthar的回答后,我终于明白你的问题了！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!