Skip to main content

Negative Margin에 대한 이해

margin에 음수를 활용할 경우 어떤 효과가 나는지 자세히 정리해보겠습니다.

간단히 box가 음수만큼 포지션이 이동된다라고 이해했었는데 이는 완전히 틀린 내용이었습니다. (절대 아님)

중요한 핵심은 공간으로써의 상실이었습니다. 크게 두 가지 주제를 정리해보겠습니다.

  • 음수 마진은 사용가능한 공간을 줄이는 것이다. 하지만 시각적인 요소를 보이면서
  • width: auto 에서의 negative margin은 조금 다르게 동작한다.