CSS

[CSS] margin 겹침

hongod 2020. 11. 15. 16:33

- 인접한 두 요소간, 그리고 부모-자식 요소간 margin중에서 큰 margin만 적용되는 현상

- 인접한 두 요소 간에, 예를 들어 위 아래로 인접한 두 요소 간에는 margin 값이 둘다 적용되는 것이 아니라 위 요소의 margin-bottom 값과 아래 요소의 margin-top 값 중에서 큰 값 하나만 적용된다.

- 부모 - 자식 관계의 요소에서는 부모요소의 시각적 효과가 전혀 없는 투명한 요소일 경우, 부모와 자식 margin 중에서 큰 값 하나만 적용된다.

- 또한, 특정 요소에 표시할 내용이 없는 투명한 요소의 경우 margin-top과 margin-bottom 중 큰 값 하나만 적용된다.

'CSS' 카테고리의 다른 글

[CSS] inline, block  (0) 2020.11.15
[CSS] 구조  (0) 2020.11.15
[CSS] CSS의 시작 - 정보와 디자인 분리  (0) 2020.11.15