공지사항, 갤러리 구성 중 궁금한것이 생겼습니다!

Question

안녕하세요 선생님!

강의 잘 듣고있습니다 😄

갤러리, 공지사항 구성 중

.btn과 .tab의 사이를 겹치게 하기위해서

.btn span에 margin-bottom: -1px 을 주는데

margin-bottom에 마이너스값을 주면 위로 올라가면서

.tab부분이 딸려 올라가면서 겹쳐보이게되는 원리인가요?

Answer

margin-top을 플러스 값으로 주면 위를 기준으로 밀어서 위에 공간이 생깁니다.

margin-top을 마이너스 값으로 주면 위를 기준으로 잡아당기겨서 위에 공간이 줄입니다.

마찬가지로...

margin-bottom을 플러스 값으로 주면 아래를 기준으로 밀어서 아래에 공간이 생깁니다.

margin-bottom을 마이너스 값으로 주면 아래를 기준으로 잡아당기겨서 아래에 공간이 줄입니다.

.btn span에 margin-bottom: -1px 을 주는 것은 .tab에 margin-top: -1px 주는 것과 동일합니다.