爲什麼我的div在調整大小時停在左邊

Question

我早些時候學到了一些有趣的東西，並試着玩一下它，但是我注意到了一些我從未注意過的東西。

當我調整我的窗口在我的div寬度上時，它不會均勻地隱藏我的div，而是停在左邊，並開始從右邊隱藏。

經過一番研究，我發現了differens就像給一個positionning會導致這樣的事情，但考慮到我的代碼如何基本是它似乎不是原因的答案...

這裏是我的代碼：http://jsfiddle.net/L9Srn/5/

<div id="container"></div> 
#container { 
    background: red; 
    margin: auto; 
} 
var box= $('#container'), 
    ratio= 0.363, 
    height= 400; 

box.height(height).width(height*ratio); 

Answer 1

這就是瀏覽器/ CSS的工作方式。當元素太寬而不適合窗口時，它們停在左邊並溢出到右邊。

關閉我的頭頂，有事情的唯一途徑躲上調整瀏覽器窗口的左側分別是：

1. 絕對定位
2. 固定定位
3. 緣陰性
4. 負填充
5. 將消失的部分作爲垂直居中的背景圖像。

即使您使用這些方法，儘管您無法滾動到左側以查看被切斷的內容。