Question

我有一个来自iframe的div。我需要截断div的左侧和右侧。

例如，此div为200像素。我们只想要中 100像素。左侧50像素和右侧50像素无意义。

这是我不成功的测试：

＆＃13;

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;
    }

＆＃13;

    <div id='parent'>
        <div style='text-align: center;' id='child'>
             this div will contain a clickable iFrame
        </div>
    </div>

＆＃13;

这几乎可以工作，除了iFrame没有合作并覆盖左边的元素。使用负z-index非常有效，但它会禁用iFrame可点击元素。

提前感谢您的建议。

Answer 1

看起来您已经将overflow: hidden放在了子div上，但它确实属于父级。 overflow属性指示如何显示元素的溢出内容，而不是它自己的溢出..所以将该样式放在父级上将隐藏任何位于其外部的内容＆＃39;边缘，在里面。

使用CSS截断div的两边

1 个答案: