2

我有一个容器，里面有一个图像。Jscrollpane 应用在容器上，所以它的溢出隐藏了。我想将具有负边距的图像的位置更改为容器外部。但我不能因为溢出：隐藏是活动的。我将其更改为溢出-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 插件）

4

1 回答 1

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/

于 2013-02-24T19:55:29.513 回答