定位一個div，因此它看起來在主包裝器之外（980px）

Question

我想定位一個div，使其看起來在該網站的主包裝器（980px）之外。問題是我不希望有1024px的水平滾動條。

css或jquery解決方案會很好

有什麼想法嗎？

外面位應該是在右側，而左側

Answer 1

給主包裝的relative的位置，並且子元素的absolute的位置。然後，您可以使用left和top定位該孩子。

<style> 
    body { overflow-x:hidden } 
    #wrapper { position:relative } 
    #floating-sidebar { position:absolute; top:0; left:-100px; width:100px } 
</style> 
<div id="wrapper"> 
    <div id="floating-sidebar"> 
    <p>Lorem ipsum...</p> 
    </div> 
</div> 

任何jQuery的解決辦法只是作爲一箇中間人的上述方法，或一個類似。

Answer 2

CSS：

overflow-x: hidden; 

正在梳理它

Answer 3

使用絕對定位

這裏的蠻力的方法是一個例子：

<style> 
    #outsideDiv { position:absolute; left:90%; top:0; } 
</style> 

<div id="container"> 
    <div id="innerContainer"> 
     <p>his is some sample text</p> 
    </div> 
    <div id="outsideDiv"> 
     <p>This is the text displayed outside the div container</p> 
    </div> 
</div>