css - CSS3クリッピングdiv

Question

http://jsfiddle.net/rSSXu/で入手可能なコード

<div id="parent">
    <div id="child">Child</div>
</div>​

#parent {
    margin-left:auto;
    margin-right:auto;
    height:200px;
    width:50%;
    background:#eee;
    overflow:none;

}

#child {
    width:10%;
    height:10%;
    margin:auto;
    background:red;
    -webkit-transform: translate(0px, 300px); 

}

次の設定があり、親divを「クリップ」して、その外側にあるものをすべて非表示にします。少しoverflow：noneに似ていますが、それは翻訳にも当てはまります。これを達成する方法はありますか？ありがとう、クリス

Answer 1

オーバーフローを使用したことを覚えていません：なし、オーバーフローを試してください：非表示