绝对位置和溢出：隐藏

小编典典

绝对位置和溢出：隐藏

css

我需要显示大于其父元素的子元素，但不删除overflow：hidden;。这可能吗？parent元素的position:relative;
子元素一旦脱离父边界，就会被剥离。

（元素定义了其他的css，我只是为了清楚起见放置了样式属性）

阅读 258

2020-05-16

共1个答案

小编典典

这是完全不可能做到你想要什么都overflow: hidden和position: relative父div..相反，你可以引入额外的儿童div并移动overflow: hidden到这一点。

HTML：

<div id="parent">
    <div id="hideOverflow">
        <div style="width:1000px;background:#ccc">sdfsd</div>
    </div>
  <div id="child">overflow "visible"</div>
</div>

CSS：

#parent {
    position:relative;
    background:red;
    width:100px;
    height:100px
}
#child {
    position:absolute;
    background:#f0f;
    width:300px;
    bottom: 0;
    left: 0
}
#hideOverflow {
    overflow: hidden
}

2020-05-16