Html 带-x的溢出属性：隐藏；和-y：可见

元素的左侧和右侧不能显示为溢出：隐藏，顶部和底部不能显示为溢出吗

一旦我将

hidden

添加到任一溢出属性中，它们都会与外部容器断开

我正在尝试，但运气不好：

#左，#顶{
位置：绝对位置；
边框：纯黑2px；
宽度：100px；
高度：100px；
}
#左{
左边距：-30px；
}
#顶{
左边距：100px；
利润上限：-30px；
}
#外{
位置：绝对位置；
顶部：70像素；
左：100px；
宽度：300px；
高度：200px；
边框：实心2px红色；
}

您不能隐藏一个容器，也不能显示另一个容器，但您可以使用另一个容器作为“遮罩”，以实现相同的效果

<div id="outer">
    <div id="inner">
        <div id="left"></div>
        <div id="top"></div>
    </div>
</div>

#left,#top {
    position:absolute;
    border:solid black 2px;
    width:100px;
    height:100px;
}
#left {
    margin-left:-30px;
}
#top {
    margin-left:100px;
    margin-top:-30px;
}
#inner {
    position:absolute;
    top:70px;
    left:0;
    width:300px;
    height:200px;
    border:solid 2px red;
}
#outer {
    position:absolute;
    top:0;
    left:100px;
    width:304px;
    height:100%;
    border:solid 2px green;
    overflow: hidden;
}

#左，#顶{
位置：绝对位置；
边框：纯黑2px；
宽度：100px；
高度：100px；
}
#左{
左边距：-30px；
}
#顶{
左边距：100px；
利润上限：-30px；
}
#内在的{
位置：绝对位置；
顶部：70像素；
左：0；
宽度：300px；
高度：200px；
边框：实心2px红色；
}
#外{
位置：绝对位置；
排名：0；
左：100px；
宽度：304px；
身高：100%；
边框：实心2倍绿色；
溢出：隐藏；
}

您可以在此处看到输出：

---

相关：也相关：@JamesDonnelly&JuanGuerrero谢谢！

<div id="outer">
    <div id="inner">
        <div id="left"></div>
        <div id="top"></div>
    </div>
</div>

#left,#top {
    position:absolute;
    border:solid black 2px;
    width:100px;
    height:100px;
}
#left {
    margin-left:-30px;
}
#top {
    margin-left:100px;
    margin-top:-30px;
}
#inner {
    position:absolute;
    top:70px;
    left:0;
    width:300px;
    height:200px;
    border:solid 2px red;
}
#outer {
    position:absolute;
    top:0;
    left:100px;
    width:304px;
    height:100%;
    border:solid 2px green;
    overflow: hidden;
}