小编Gar*_*woo的帖子

标题div保持在顶部,垂直滚动div下方,滚动条仅附加到该div

我有2个主要的div,标题和div中包含的滚动列表.我希望标题始终保留在页面顶部,以及下面的滚动列表.滚动条应该连接到滚动div而不是整个页面,即滚动条不会出现在标题的右侧,只是滚动div.

这就是我想要实现的目标:

______________________
|_______header_______|
|                  |*|
|   Container Div  |*|
|                  |*|
|                  |*|
|                  |*|
|                  |*|
|                  |*|
----------------------

* = scrollbar
Run Code Online (Sandbox Code Playgroud)

布局应该是流畅的,如果窗口垂直拉伸,只有容器div和它的滚动条应该更长.

我不想定位标题,position: fixed;因为滚动条将位于其右侧而不是位于其下方.

css layout scroll header

38
推荐指数
2
解决办法
10万
查看次数

标签 统计

css ×1

header ×1

layout ×1

scroll ×1