我有一个来自iframe的div。我需要截断div的左侧和右侧。
例如，此div为200像素。我们只想要中间100个像素。左边的50个像素和右边的50个像素毫无意义。
这是我不成功的测试：
div#parent {
border: 2px dotted blue;
max-width: 100px;
}
div#child {
border: 2px solid orange;
left: -50px; left
position: relative;
overflow: hidden ;
max-width: 200px;
min-width: 200px;
} <div id='parent'>
<div style='text-align: center;' id='child'>
this div will contain a clickable iFrame
</div>
</div>这几乎可以正常工作，除了iFrame不合作并覆盖左侧的元素。使用负Z索引效果很好，但是会禁用iFrame可点击元素。
预先感谢您的建议。
看起来您已经overflow: hidden放到了子div上，但是它实际上属于父div。该overflow属性指示如何显示元素的溢出内容，而不是元素自身的溢出。因此，将样式放在父对象上将隐藏位于其边缘之外的任何内容。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句