html - 使用主页面滚动在固定 DIV 上滚动

Question

我正在自己重新创建一个 Wordpress 主题，但我遇到了侧边栏问题。

它是固定的，适合我的 1280x720 显示器，但如果您在屏幕上看到该网站，例如 800x400，则边栏不适合。

因为它是固定的，当屏幕很小时内容会隐藏。

我可以使用 overflow: scroll 但我想要的是当您使用实际主题中看到的主滚动条时向下滚动的 div:

https://twentyfifteendemo.wordpress.com/

PS:我将主题用于个人用途，而非商业用途!

编辑:这是我的页面:http://pvlts.ga/

Answer 1

通过将类 info 的“固定”位置更改为“绝对”，它可以正常滚动(样式表的第 16 行)。

.info { position: absolute; }

编辑:如果你想让侧边栏固定在更大的屏幕上，你可以只使用媒体查询来定位小于 1100 像素宽的屏幕，如下所示:

@media screen and (max-width: 1100px) { .info {position: absolute; } }