javascript - 用jquery居中一个比视口大的div

Question

是否可以使用 jquery 将大于视口的 div 居中，使其始终居中而不管重新调整大小？

我有一个 2000px 宽的 jquery 滑块，我需要居中以便中心内容始终显示在 1000px 主要内容框架内 - 无论屏幕大小如何..

Answer 1

很可能通过将其“左”设置为 50% 并将其“左边缘”设置为像素大小的一半。

http://jsfiddle.net/sbUXr/

<div style="position:absolute;width:300px; height:300px; left:50%; margin-left:-150px; border:2px solid red;">
    <div style="position:relative;width:100%;height:100%;">
        <div style="position:absolute;left:50%;top:100px;width:400px;height:100px;margin-left:-200px;border:2px solid green;">

        </div>
    </div>
</div>