Как реализовать смещение блока отрицательным margin?

Question

[Римский]

Здравствуйте. Подскажите пожалуйста как сделать вот такой отступ clip2net.com/s/3ISTX9A Что-то вообще не получается с помощью отрицательного margin сделать.

Answer 1

[teotlu]

Делайте отрицательный margin-top у блока, который имеет голубой фон.
Кроме того, сделайте position: relative для обоих блоков, и поставьте на первом z-index больше, чем на втором (чтобы они перекрывались правильно).

Пример: https://jsfiddle.net/dktzssxL/

Comments

[Римский]

Спасибо. Примерно так пробовал но не получалось. Сделал по вашему совету clip2net.com/s/3ITDpac но тоже не работает((

[Римский]

Все запилил, мой косяк. Цвет цвет bg не задал))

Answer 2

[Максим]

transform:translate(number, namber);
parent relative > child absolute

Comments

[Римский]

Извините. Ваш способ не понял))

[Максим]

Виталий: что там не понятного то ? transform:translate(0,200px); примените к любому элементу и он уедет , position relative для родителя и position absolute для потомка и так же top :0; left:200px; сдвинет его куда угодно --

[Римский]

Максим Ленский: Спасибо)