定心使用jQuery

Question

我有Div元素是寬爲1680像素超大Div元素，像這樣：

|     |

說，實際的屏幕/瀏覽器屏幕的分辨率爲800像素寬：

+  +

現在，如何我中心事業部（並隱藏其餘部分）使用jQuery，以便爲1680像素的其餘部分則隱藏起來，就像這樣：

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

^ = clipped from the Div. 

換句話說，我希望在這兩個範圍內顯示Div並隱藏其餘部分。如果實際的屏幕分辨率大於1680像素，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/