Jquery 即使父级已隐藏溢出，也显示溢出

我正在为图片设计一个滑块，并为所述图片设计标题。我想做的是让标题逃离图像的边界

所以我所做的就是为整个东西创建了一个包装。包装器div位于页面中央，位置

position:relative；保证金：0自动宽度为500像素，隐藏溢出

里面是图像包装，它有两倍的宽度。图像包装内有两个div，每个div都有一个标题。它们的宽度各为500，彼此相邻放置，并带有
float:left
标题中有一个“左边距：-10px；”绝对位置和
溢出：可见我想要的是标题溢出包装外的10个像素

我有没有办法做到这一点

下面是一个示例代码

Html:

CSS:

div.imgtitle
将增长以适应内容，因为您有
width:auto
。显式设置
width:150px
并设置
whitespace:nowrap
，它应该溢出因为您有
width:auto
，因此
div.imgtitle
将增长以适合内容。显式设置
宽度：150px
并设置
空白：nowrap
，它应该溢出
添加
左填充：10px

从imgWrap中删除溢出：隐藏

在javascript中，编辑此部分

$(this).find('#imgbox').animate({
        marginLeft: '**-510px**',
    }, 1000);

这是JFiddle:
添加
左侧填充：10px
在您的包装中

从imgWrap中删除溢出：隐藏

在javascript中，编辑此部分

$(this).find('#imgbox').animate({
        marginLeft: '**-510px**',
    }, 1000);

这里是JFiddle:
你所说的“标题溢出包装外的10个像素”是什么意思？这与你的问题无关，但你得到的是
id
和
class
属性的情况正好相反。也许可以帮助你。@VinayPandey，如果你注意到标题剩余的
边距：-10px@Sunyatasattva是的，我仍然在寻找css的方法。谢谢，我会读一些你所说的“标题溢出包装外的10个像素”是什么意思？这与你的问题无关，但你得到的是
id
和
class
属性。也许可以帮助你。@VinayPandey，如果你注意到标题剩余的
边距：-10px@Sunyatasattva是的，我仍然在寻找css的方法。谢谢你，我来读点书
#wrap {
width: 500px;
position: relative;
margin: 0 auto;
overflow:hidden;
}
#imgwrap {
overflow:hidden;
background: red;
height: 500px;
width:200%;
position: relative;
}
#imgbox {
float:left;
height: 250px;
width: 500px;
overflow: visible;
position:relative;
top:20%
}
.firstimg {
background: blue;
}
.secondimg {
background: green;
}
#imgtitle {
background: black;
width: auto;
position: absolute;
overflow: visible;
bottom:0;
}
.firstimg #imgtitle {
margin-left: -10px;
}

h3 {
font-size:20pt;
line-height: 0em;    
color:white;
padding: 0 80px 0px 10px;
}

$(this).find('#imgbox').animate({
        marginLeft: '**-510px**',
    }, 1000);