css 여백축소1 CSS 여백 축소(CSS margin collapse) 때때로 두 개의 여백이 하나의 여백으로 축소된다. CSS margin collapse 요소의 위쪽 및 아래쪽 여백은 때때로 두 여백 중 가장 큰 것과 같은 단일 여백으로 축소된다. 왼쪽과 오른쪽 여백에는 이러한 현상이 발생하지 않는다! 위쪽 및 아래쪽 여백만! 다음 예를 참조하시오: 이 예제에서 h1 요소의 바닥 여백은 50px이고 h2 요소의 위쪽 여백은 20px입니다. 따라서 h1과 h2 사이의 수직 여백은 70px(50px + 20px)여야 합니다. 그러나 마진 붕괴로 인해 실제 마진은 50px가 됩니다. 제목1 제목2 위의 예에서 요소의 하단 여백은 50px이고 요소의 상단 여백은 20px로 설정된다. 상식적으로 과 사이의 수직 마진은 총 70px(50px + 20px)가 될 것으로 보인다. 하지.. 2023. 7. 19. 이전 1 다음