Css 溢出：位置：绝对时隐藏不工作

我正在尝试构建一个UI组件，它的想法是有两个重叠的部分（第一个部分必须覆盖第二个部分），并用一个可拖动的元素扩展第一个部分。我将为您提供一个演示：

问题是，当我调整第一个元素的大小时，我不希望元素重新定位，为了实现这一点，我使用

position:absolute显然阻止了我的
溢出：隐藏

我检查了StackOverflow上的一些帖子，我应该使用
position:relative
元素上的code>，该元素在此处不起作用，因为它制动
位置：绝对

因此，我的问题是如何在调整大小时隐藏它，而不重新定位内部的元素

另外，最里面的
是
。内容是
，外面是
。首先
看起来你在js中的逻辑是错误的。您的Nike徽标仅因z-index而被隐藏，而非溢出隐藏。
您可以使用固定的with吗？如果是，下面的代码应该适用于您


（函数（$）
{
$sectionheight=$（'.covered'）.height（）；
$.fn.coveringBad=函数（选项）
{
变量设置=$.extend(
{
边缘：$sectionheight/2，
玛金克斯：30，
setX:30，
赛蒂：30，
方向：“水平”
}，选项）；
返回此值。每个（函数（）
{
//初始化
////////////////////////////////
变量$this=$（this），
$change=$this.find（'>.change'），
$handle=$this.find（'>.handle'），
宽度=$this.innerWidth（），
高度=$this.innerHeight（），
pos_x=null，
startX=null，
min_left=settings.marginX，
最大左=宽度-settings.marginX，
min_top=settings.marginY，
max_top=高度-settings.marginY，
setX=settings.setX，
setY=settings.setY；
$changable.height（$this.height（））；
如果（设置x最大左）左=最大左；
$（'.draggable'）.css（'left'，left）；
if（$（'.draggable'）.length）
{
$可变宽度（左）；
}
}
});
}
})（jQuery）；
$（'.covered'）.coveringBad（）
。已覆盖{
位置：相对位置；
宽度：600px；
高度：400px；
保证金：50px自动；
边框：1px纯黑；
}
.多变{
位置：静态；
溢出：隐藏；
}
.首先{
宽度：100%；
身高：100%；
背景色：白色；
溢出：隐藏；
}
.内容{
位置：相对位置；
宽度：600px；
填充：10px；
}
.第二{
位置：绝对位置；
z指数：-1；
左边距：50像素；
填充：10px；
}
.第二个h3{
左边距：450px；
}
.标志{
宽度：70px；
右边距：15px；
边缘底部：15px；
}
.处理{
位置：绝对位置；
宽度：46px；
高度：46px；
左边距：-23px；
利润上限：-23px；
边界半径：50%；
背景色：#fff；
文本对齐：居中；
光标：ew调整大小；
z指数：2；
}
.把手跨度{
显示：内联块；
利润率：15px 1px 0；
颜色：#000；
过渡：0.4s缓解；
}
.handle:悬停，.handle:活动{
背景色：#555；
}
.handle:悬停范围，.handle:活动范围{
颜色：#FFF；
}

客户
合作伙伴
否则，你怎么能把一个元素隐藏在另一个元素下面呢？这一点很好。唯一的问题是它不会响应，但是如果我们通过jquery将元素的宽度设置为整个元素的宽度，它就会工作。干得好，我的朋友，非常感谢你