1. margin collapse 현상 -> 버그임
박스 2개가 위쪽 테두리가 겹치면 margin이 합쳐져서 하나처럼 동작함.
즉, 한 박스에 적용한 margin이 두 개의 박스 모두에 적용됨.
padding: 1px; 를 주면 서로 떨어지게 되니까 margin collapse 가 발생하지 않음.
반응형
'Knowledge Wiki > HTML&CSS' 카테고리의 다른 글
| [ HTML/CSS ] <input> type별 CSS 스타일링 (0) | 2021.12.07 |
|---|---|
| [ HTML/CSS ] 좌표로 레이아웃 설정 (0) | 2021.12.07 |
| [ HTML/CSS ] <a> 태그 밑줄 제거, text-decoration (0) | 2021.12.07 |
| [ HTML/CSS ] 그림과 배경 레이아웃 맞추기 (0) | 2021.12.07 |
| [ HTML/CSS ] CSS Selector (0) | 2021.12.07 |