Каков самый простой способ перемещения этого div влево?

Я не уверен, как действовать. У меня есть 3 DIV теги изложил, как так (ну это упрощенная версия в любом случае):Каков самый простой способ перемещения этого div влево?

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

Я хотел бы перейти в оранжевый цвет слева от серого с помощью CSS, так что я не должен изменить HTML, но Я застрял на том, как это сделать правильно. Вот картина (я хотел бы перейти в оранжевый цвет зеленый):

http://imgur.com/U76pp.png

источник

2010-11-17 Mike

Кто голосует, чтобы закрыть вопрос CSS как не по теме? http://meta.stackexchange.com/questions/14906/ ':: scowl ::' –

Sighh, я помню дни, когда я мог войти в SO и задать вопрос о html, css (а также C#, sql) и получить ответы от одного прекрасного места ... пожалуйста, не позволяйте анальным заграждениям разрушать его для нас ... – Dal

@Matt, я закрыл как принадлежит [Вебмастерам] (http://webmasters.stackexchange.com), о котором этот вопрос даже не упоминается. @Dal, Stack Overflow всегда был в основном о программировании. Вот почему они создали веб-мастеров. –

Вы должны сделать это с помощью абсолютного позиционирования:

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

источник

2010-11-17 00:07:19 wajiw

Я пробовал это, и он заставляет апельсина обрезаться вот так: http://imgur.com/CAOkw.png – Mike

Его потому что я использую «переполнение: авто;» на сером – Mike

Gotcha. Я не уверен, что это возможно сделать другим способом. Возможно, вам придется изменить стили на других элементах страницы, чтобы они не отключались. Я бы играл с разными стилями в FireBug. – wajiw

Вы можете сделать это с отрицательным запасом:

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

источник

2010-11-17 00:11:49

Этот сайт УДИВИТЕЛЬНЫЙ. – Mike

Ха-ха, да! –

Святое дерьмо, какой замечательный инструмент !!! +1 – Dal

используя позиционную относительно хотел бы сделать это

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

если он все еще обрезается, убедитесь, что родительский элемент не имеет переполнения: скрыт.

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

редактировать - О, вы его получили. хороший.

источник

2010-11-17 00:44:17

Каков самый простой способ перемещения этого div влево?

ответ

Смежные вопросы