使用jQuery將超大的Div元素居中

Question

我有一個1680像素寬的Div元素，像這樣：

|                   |

比如說，實際的屏幕/瀏覽器畫布分辨率是800px寬：

+      +

現在，我如何使用jQuery將Div居中（並隱藏其余部分），以便隱藏1680px的其余部分，如下所示：

|     +      +      |
 ^^^^^        ^^^^^^

^ = clipped from the Div.

換句話說，我希望Div在這兩個+范圍內顯示並隱藏其余部分。 如果實際屏幕分辨率大於1680px，則Div應正常居中而不進行任何裁剪。

我不確定我是否能夠完美地解釋這種困境，所以如果有些事情不清楚就要問。 這已經讓我瘋了......

Answer 1

僅使用CSS ：

http://jsfiddle.net/rQfvs/

關鍵部分是：

#bigdiv {
    position: relative;
    width: 1680px;
    margin-left: -840px;
    left: 50%;
}

請注意，您也不一定需要container div。 你可以簡單地將bigdiv放在主體中。 在這種情況下，我會將身體的溢出設置為隱藏：

http://jsfiddle.net/rQfvs/3/