Зачем нужен отрицательный margin и как он используется?

Зачем нужен отрицательный margin?


Ответы (1 шт):

Автор решения: Spartak

Многие считают что это гавнокод, однако, даже знаменитый фреймворк "bootstrap" для формирования своей сетки использует отрицательные марджины или паддинги (не помню уже что именно точно).

Есть полезные "фишки" с отрицательными марджинами/паддингами,которые позволяют, к примеру, сделать мнимый отступ при клике на якорь, для того что бы немного сместиться от объекта, к которому перемещаешься при клике на якорь (бывает полезно когда меню "прилипающее") Например так:

 #link-C {
    padding-top: 55px;
    margin-top: -55px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
 }

Если шапка перекрывает якорь. Незаметный отступ (внешне его нет, но для якоря срабатывает)

→ Ссылка