當孩子被動畫移動時，父級隱藏不起作用

Question

我試圖用css3動畫將孩子div從其位置移動到正確位置。我已經將父div設置爲隱藏。但是當移動小孩右側溢出隱藏不起作用。 如何隱藏的孩子，而這是移動父區域之外..

<div class="container"> 
     <div class="content">1</div> 
</div> 

[Example](http://jsfiddle.net/Mostwanted_cJ/zcn9G/3) 

Answer 1

檢查在Chrome的代碼並添加WebKit的動畫，以及（這是我第一次在沒有做）後，我能夠很容易地解決這個問題。

通過將position: relative;添加到.container的CSS中，一切都應按預期工作。

CSS應該看起來像這樣。

.container { 
    width: 200px; 
    height: 200px; 
    background-color: #aaa; 
    overflow: hidden !important; 
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility: hidden; 
    position: relative; 
} 

和fiddle can be seen here。