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

前端之家收集整理的这篇文章主要介绍了html – 使用固定的div布局和最小宽度滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在努力布局这个页面,但是对于我来说,似乎无法让它按照我想要的方式工作.
Window = black
Titlebar = red
Content div = blue
Vertical scrollbar = green
Horizontal scrollbar = yellow

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

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

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

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

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

解决方法

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

猜你在找的HTML相关文章