Éléments de positionnement absolus dans div divisible

Question

J'essaie de positionner div dans un div parent de largeur fixe et hauteur avec débordement: auto de sorte qu'il va défiler lorsque les divs à l'intérieur sortent de la div.

I.e. J'ai un div qui est 400px de large et si je place la position d'un enfant div à gauche: 500px je voudrais qu'il soit hors de l'écran avec une barre de défilement horizontale sur la div.

J'ai créé deux exemples here

à savoir Dans l'exemple1, la seconde div rouge doit être à moitié coupée avec une barre de défilement horizontale comme example2, sauf qu'elle est poussée vers le bas par le contenu car elle n'est pas positionnée de manière absolue.

J'espère que cela a du sens.

Answer 1

Dans l'exemple 1, définissez la position: relative sur div # main.

Vous aurez juste besoin de régler votre haut et à gauche marge sur les divs pour compenser ce ne pas être par rapport au corps principal (les diminuer de 11 pixels environ)