Recent Posts
Today
Total
관리 메뉴

KorSA

[ HTML/CSS ] margin collapse 현상 본문

Knowledge Wiki/HTML&CSS

[ HTML/CSS ] margin collapse 현상

Praiv. 2021. 12. 7. 10:16
320x100

1. margin collapse 현상 -> 버그임
    박스 2개가 위쪽 테두리가 겹치면 margin이 합쳐져서 하나처럼 동작함.
    즉, 한 박스에 적용한 margin이 두 개의 박스 모두에 적용됨.
    padding: 1px; 를 주면 서로 떨어지게 되니까 margin collapse 가 발생하지 않음.

728x90
728x90

'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
'Knowledge Wiki/HTML&CSS' Related Articles more
Comments