Можно ли заменить position:relative+top на margin-top?

[Temik2704]

День добрый!

Подскажите можно ли сделать тоже самое что получилось у меня но только с применением бля белого блока margin-top:-65px?

В моем случае он просто поднимается вместе с блоком content (зеленый+красный).Как сделать так чтобы он просто выехал за края блока контент вверх?

Вместо цветов были раньше картинки,поэтому использование relative нужно для before.

 

Заранее спасибо!

http://cssdeck.com/labs/nemozmp2

 

[Z1gnet]

но только с применением бля белого блока margin-top:-65px?

можно, только нужно флотнуть .main-block{float:left;}

[Zverushka]

Смотря что нужно. margin тянет за собой другие блоки, top двигает только текущий элемент.

[Z1gnet]

Смотря что нужно. margin тянет за собой другие блоки, top двигает только текущий элемент.

что бы не тянул нужно его из потока вытащить.

[SelenIT]

Не обязательно вытягивать из потока. Можно добавить родительскому блоку невидимый border или однопиксельный (а то и 0.01-пиксельный) верхний padding, либо :before с display:table (аналогичный micro clearfix-у). Либо заставить родительский блок создавать отдельный контекст форматирования (напр. задав ему display:inline-block). Всё перечисленное отменяет «схлопывание» margin-ов.