Javascript 使固定第三柱与中间容器齐平

试图使三列设计在超宽或高分辨率屏幕上运行良好。下面是它的外观，特别是第三列与第二列齐平：

以下是它的宽屏外观：

对于那些浏览器较小的用户（这是一个交互式查询生成器），它应该是粘性的，但是对于较大的屏幕，它的

right

属性使它远离中心点<代码>绝对定位可以解决问题，但会破坏粘性目标

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

---

谢谢，

没有人响应，所以我决定以JSFIDLE为例。从描述来看，这是我认为你所要求的。不完美，但这就是你10分钟工作的结果，不是吗

---

正如大多数“粘性”示例所示，您只需要使用

position:fixed，但当使用浮动时，正如我所做的那样，您必须包装您想要“粘性”的内容，并将元素位置设置为
固定
我不确定，可能对您有用。您是将它们定位为响应（%）还是固定状态（px）。检查边距是否没有塌陷。使用边框。。看这里，真是太甜蜜了，伙计。谢谢分享。我继续进行js黑客攻击，因为我正试图在离开城镇之前立即将其推出。不过，当我回来花点时间改进时，我会回到这里，利用你所拥有的。再次感谢！我一直在用他们的回应方式与percentages@JohnBlythe你有没有试过在其中三个上使用左浮动@33%宽度，中间的内容必须是100%。嘿，贾斯汀。对不起，我还没有回复你的评论。在离开这个国家之前，想把一些东西（像这样）包起来，这是一个非常糟糕的星期。这确实使冲洗部分得到了处理。然而，它随后造成的部分问题是中间容器越来越宽。它有一定的灵活性空间，但不像这种类型的设置那样无限期地扩展。不过，还是要感谢你花了这么多时间来整理这篇文章。我很感激。是的，我认为你的方法加上最大宽度在某种程度上是可行的。当浏览器宽度超宽且已达到最大宽度时，问题仍然存在。实际上，我收回这一点。我的旧方法有这个问题，但你的方法会缓解这个问题，不是吗？美好的