javascript - 使固定的第三列与中间容器齐平

Question

尝试使三列设计适用于超宽或高分辨率屏幕。它应该是这样的，特别是第三列与第二列齐平:

宽屏显示如下:

对于那些使用较小的浏览器(它是一个交互式查询构建器)的人来说，它应该是粘性的，但是对于较大的屏幕，它的 right 属性让它离中心点太远了。 绝对 定位可以解决刷新问题，但会破坏粘性目标。

有没有一种优雅的方法可以做到这一点，或者我应该根据浏览器分辨率通过 javascript 更改定位？

谢谢，

Answer 1

没有人回应，所以我决定制作this jsfiddle 示例。从阅读说明来看，这就是我认为你在哪里要求的。不完美，但这就是你工作 10 分钟的结果，不是吗？

正如大多数“粘性”示例所示，您只需要使用position: fixed;，但是在使用 float 时，就像我所做的那样，您必须将要“粘性”的内容包裹起来"并将该元素位置设置为 fixed