在具有溢出属性的 DIV 内使用负边距答案

【问题标题】：Using negative margin inside a DIV with overflow property在具有溢出属性的 DIV 内使用负边距
【发布时间】：2013-02-25 03:55:29
【问题描述】：

我有一个容器，里面有一个图像。 Jscrollpane 应用在容器上，所以它的溢出隐藏了。我想将具有负边距的图像的位置更改为容器外部。但我不能因为溢出：隐藏是活动的。我改成了overflow-x，还是不行。

在线查看：http://jsfiddle.net/e6444/1/

 #container {
    width:500px;
    height:300px;
    background:grey;
    overflow-y:hidden;
    margin:0 auto;
}

#image {
    width:150px;
    height:150px;
    background:url("http://www.audiapproved.com/ImgThumb?id=16033-500-335");
    margin:0 0 0 -30px;
}

<div id="container">
    <div id="image">
        Text, text, text Text, text, text Text, text, text Text, text, text
    </div>
</div>

我想要以下内容：http://jsfiddle.net/e6444/2/ 但具有溢出属性。（我需要它用于 jscrollpane 插件）

【问题讨论】：

那么你想要达到的结果是什么？
您在这里似乎没有太多选择。删除溢出或将图像移动到容器之外。
也许只有我，但我不明白，你想达到什么目的？
你想做什么？
jsfiddle.net/e6444/2 我想看看这个，但是有溢出属性。我无法删除此属性，因为我需要它用于 jscrollpane.. 并且我无法将图像移到外面。我只能用 css 欺骗。

标签： html css overflow

【解决方案1】：

您可以为溢出添加另一个容器：隐藏内容。

<div id="container">
    <div id="content">
        This is my content that can be overflow:hidden
    </div>
    <div id="image">
        Text, text, text Text, text, text Text, text, text Text, text, text
    </div>
</div>

http://jsfiddle.net/wLrCU/1/

【讨论】：