Как с помощью margin выталкивать элементы из родителя в любую из сторон?

Question

[Aleksey111]

Например здесь, получается выталкивать вправо и вниз, а вверх и влево не получается.
https://codepen.io/Aleks70694/pen/WpQjjd?editors=1100#0
Нужен способ чисто на margin, без position или transform.

Comments

[Hyubert]

margin-top: -50px;

[Aleksey111]

Hyubert: спасибо, а с чем это связано? такой синтаксис, почему не margin-bottom: 50?

[Hyubert]

Aleksey111: поток так выстраиваеться с лево на права , с верху вниз, скорее из за этого, но это не точно

Answer 1

[Дмитрий Гординский]

margin-left: -200px; - для сдвига влево
margin-top: -200px; - для сдвига вверх

Comments

[Aleksey111]

спасибо, а с чем это связано? такой синтаксис, почему не margin-bottom: 200?

[Сергей Горячев]

Aleksey111: Потому что блок всегда стоит верхним левым углом в начале оси коррдинат x = 0, y = 0, и чтобы его двигать влево и верх, нужно задавать отрицательные значения.

[Максим Тимофеев]

Aleksey111: margin-bottom: 200 отодвинет блок под ним на 200

Answer 2

[Дима Паутов]

https://codepen.io/bootd/pen/bqVWOM?editors=1100