元素的左侧和右侧不能为overflow:hidden
,顶部和底部为overflow-visible
吗?
一旦我添加hidden
到任一溢出属性,它们都会从外部容器中被切断。
我正在尝试但没有运气:http: //jsfiddle.net/dmGXY/
<div id="outer" style="overflow-x:hidden;overflow-y:visible;">
<div id="left"></div>
<div id="top"></div>
</div>
<style>
#left,#top {
position:absolute;
border:solid black 2px;
width:100px;
height:100px;
}
#left {
margin-left:-30px;
}
#top {
margin-left:100px;
margin-top:-30px;
}
#outer {
position:absolute;
top:70px;
left:100px;
width:300px;
height:200px;
border:solid 2px red;
}
</style>