Quel est le moyen le plus simple de déplacer ce div vers la gauche?

Je ne suis pas sûr de savoir comment procéder. J'ai 3 balises div layed out comme si (bien que c'est une version simplifiée de toute façon):Quel est le moyen le plus simple de déplacer ce div vers la gauche?

<div class="gray" style="margin-left:auto;margin-right:auto;width:100px;overflow:auto;"> 
<div class="orange"></div> 
<div class="blue"></div> 
</div>

Je voudrais passer d'orange à gauche de gris en utilisant css pour que je ne dois pas changer le code html mais Je suis coincé sur la façon de le faire correctement. Voici une photo (je voudrais passer l'orange au vert):

http://imgur.com/U76pp.png

Source

2010-11-17 Mike

Qui a voté pour fermer une question CSS comme hors-sujet? http://meta.stackexchange.com/questions/14906/ ':: scowl ::' –

Sighh, je me souviens des jours où je pouvais me connecter à SO et poser une question à propos de html, css, (ainsi que C#, sql) et obtenir mes réponses d'un grand endroit ... s'il vous plaît ne laissez pas les tards anaux ruiner pour nous ... – Dal

@Matt, j'ai fermé comme il appartient sur [Webmasters] (http://webmasters.stackexchange.com), que cette question ne mentionne même pas. @Dal, Stack Overflow a toujours été principalement sur la programmation. C'est pourquoi ils ont créé Webmasters. –

Vous devrez le faire en utilisant le positionnement absolu:

.orange{ 
position: absolute; 
left: -200px; /* or whatever distance you want */ 
}

Source

2010-11-17 00:07:19 wajiw

J'ai essayé ceci et cela provoque l'orange à se couper comme ceci: http://imgur.com/CAOkw.png – Mike

C'est parce que j'utilise "overflow: auto;" sur gris – Mike

Gotcha. Je ne suis pas sûr que ce soit possible de faire autrement. Vous devrez peut-être changer les styles sur d'autres éléments de la page pour l'empêcher de couper. Je voudrais jouer avec différents styles dans FireBug. – wajiw

Vous pouvez le faire avec une marge négative:

http://jsfiddle.net/wkKDy/1/

Source

2010-11-17 00:11:49

Ce site web est IMPRESSIONNANT. – Mike

Haha, oui c'est! –

Merde, quel outil génial !!! +1 – Dal

en utilisant position par rapport le ferait

.orange{ position: relative; left: -200px }

S'il est encore tronqué, assurez-vous que l'élément parent n'a pas de débordement: masqué.

http://jsfiddle.net/SebastianPataneMasuelli/wkKDy/4/

modifier - Oh, vous l'avez. agréable.

Source

2010-11-17 00:44:17

Quel est le moyen le plus simple de déplacer ce div vers la gauche?

Répondre

Questions connexes