jinseon's log

[CSS] 마진 병합 현상 본문

HTML & CSS/CSS

[CSS] 마진 병합 현상

J_SEON 2022. 11. 24. 01:27

✔ 마진 병합 현상

- 태그의 부모 자식 혹은 형제 관계에서 두 마진이 겹치거나 함께 사용되는 현상

 

✔ 형제지간의 마진 병합

- margin-bottom과 margin-top 중 숫자가 큰 값으로 적용

 

✔ 부모 자식간의 마진 병합

- 자식인 <article> 뿐만 아니라 부모인 <main>에도 영향을 미침

  => article에 margin-top 적용 시 100px만큼 위에 여백이 생김 -> main도 함께 100px만큼의 여백 생김

저작자표시

'HTML & CSS > CSS' 카테고리의 다른 글

[CSS] 레이아웃에 영향을 미치는 속성  (0) 2022.11.24
[CSS] Block 요소와 Inline 요소  (0) 2022.11.24
[CSS] 웹사이트의 레이아웃  (0) 2022.11.23
[CSS] 주요 속성  (0) 2022.11.23
[CSS] 캐스케이딩 (Cascading)  (0) 2022.11.23
'HTML & CSS/CSS' Related Articles more
Comments