Question

我看到一个类似的帖子处理这个问题，但我的问题有点不同。

在概述 HERE 的问题中，概念是OUTER div相对定位，INNER div定位为ABSOLUTE，溢出：隐藏将被保留。

我的问题是两个div，INNER和OUTER都是绝对的。我怎样才能保留溢出：隐藏在OUTER div上？

Answer 1

不确定您的问题，但这是您尝试实现的目标吗？见jsfiddle

CSS：

#outer {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 80px;
    width: 50px;
    overflow: hidden;
}

#inner {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 50px;
    width: 50px;
}

使用html：

<div id='outer'>
    <div id='inner'>
        // Your stuff here
    </div>
</div>

Answer 2

位置：绝对;

如果你申请职位：绝对;对于任何块元素（例如：div class =＆＃34; inner＆＃34;），容器块（例如：div class =＆＃34; outer＆＃34;）无法确定该元素的维度。

溢出：隐藏;

应用overflow：hidden;对于任何元素意味着，它检测该元素的实际尺寸。如果该元素具有给定的尺寸（宽度：200px;高度：200px;）溢出：隐藏;确定元素的尺寸为200px，200px。如果元素未指定尺寸，则溢出：隐藏将总成分的面积确定为该元素的尺寸。

因此，在您的情况下，您可以将固定宽度和固定高度应用于外部块。否则，您不能同时应用溢出隐藏，并将绝对位置置于外部块。

如果不能应用固定的宽度和高度，css hs小技巧取决于设计。如果您可以更多地解释设计，我可以解释更多。

CSS - 溢出和定位

2 个答案: