positionner un div de sorte qu'il semble être à l'extérieur du wrapper principal (980px)

Question

Je veux positionner un div de sorte qu'il semble être à l'extérieur du wrapper principal (980px) du site. le problème est que je ne veux pas qu'il y ait des barres de défilement horizontales en 1024px.

ou d'une solution de css jquery seraient grands

des idées?

le bit extérieur doit être à droite, pas la gauche

Answer 1

Donnez la main-wrapper une position de relative, et l'élément enfant une position de absolute. Vous pouvez ensuite positionner l'enfant avec left et 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> 

Toute solution jQuery agirait simplement comme un intermédiaire pour la méthode susmentionnée, ou similaire.

Answer 2

css:

overflow-x: hidden; 

est un moyen de la force brute de les trier

Answer 3

utiliser le positionnement absolu

Voici un exemple:

<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>