<div id="parent" style="overflow:hidden; position:relative;">
<div id="child" style="position:absolute;">
</div>
</div>
我需要显示比父元素大的子元素,但不移除溢出:隐藏;这可能吗?
(元素定义了额外的CSS,我只是将样式属性放在这里是为了清楚起见)
<div id="parent" style="overflow:hidden; position:relative;">
<div id="child" style="position:absolute;">
</div>
</div>
我需要显示比父元素大的子元素,但不移除溢出:隐藏;这可能吗?
(元素定义了额外的CSS,我只是将样式属性放在这里是为了清楚起见)
在家长div
上同时使用overflow: hidden
和position: relative
是完全不可能的.取而代之的是,您可以引入一个额外的子项div
,并将overflow: hidden
移至该子项.
见:http://jsfiddle.net/thirtydot/TFTnU/
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
}
#parent {
position: relative;
background: red;
width: 100px;
height: 100px
}
#child {
position: absolute;
background: #f0f;
width: 300px;
bottom: 0;
left: 0
}
#hideOverflow {
overflow: hidden
}
<div id="parent">
<div id="hideOverflow">
<div style="width:1000px;background:#ccc">sdfsd</div>
</div>
<div id="child">overflow "visible"</div>
</div>