html - 居中固定元素，但水平滚动

Question

在让它工作时遇到一些问题。请帮忙。

我想要一个固定在视口(viewport)顶部的元素，当用户向下滚动页面时它会保持在视口(viewport)顶部......很简单。如果窗口窄到 960px，水平滚动条就会出现。如果窗口水平滚动，我希望这个固定元素内的内容随之滚动。

请查看演示，两个绿色框应始终排成一行。缩小窗口并水平滚动，注意它们不再对齐。

如果没有 JavaScript，这可能吗？应该在 IE7+ 中工作并且在 IE6 中不会完全中断。

http://www.louiswalch.com/beta/t/_scrolltest4.html

Answer 1

啊，有趣的问题。如果没有 JavaScript，我认为你无法实现这一点。

position: fixed 表示元素相对于视口(viewport)定位。你想要它垂直，但你不想要它水平。我认为在 CSS 中没有任何方法可以实现这一点。