CSS3 剪辑 div答案

【问题标题】：CSS3 Clipping divsCSS3 剪辑 div
【发布时间】：2012-08-01 16:57:35
【问题描述】：

<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 进行“剪辑”，以便隐藏它之外的任何内容。有点像溢出：无，但这也适用于翻译。有没有办法做到这一点？谢谢，克里斯

【问题讨论】：

你能提供一些我不明白的问题的更多信息吗（编辑：你的小提琴与问题中的代码不同，所以我没有看到问题 Mamadum 解决了它）
您的意思是您希望父 div 剪辑内容，但同时您不希望它剪辑翻译的元素。是这样吗？？
你不能有像
这样的自关闭 div，它必须是

标签： css css-transforms

【解决方案1】：

我不记得使用溢出：无，试试溢出：隐藏

【讨论】：