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

我不记得用过overflow: none，试试 溢出:隐藏