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

我有一个容器，里面有一个图像。 Jscrollpane应用在容器上，所以它的溢出隐藏起来。我想改变图像的负边距位置在容器外。但我不能因为溢出：隐藏是活跃的。我将它更改为overflow-x，但它不起作用。在具有溢出属性的DIV内使用负边距

#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/但overflow属性。（我需要它为jscrollpane插件）

来源

2013-02-24 Rinoleti

那么，什么是你想要达到的结果呢？ – Terry 2013-02-24 17:53:07

你似乎没有太多的选择。删除溢出或将图像移动到容器外部。 – cimmanon 2013-02-24 17:56:00

Mabye它只是我，但我没有得到它，你想要什么？ – 2013-02-24 17:57:28

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

<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-24 19:55:29 slamborne

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

回答

相关问题