CSS #margin #margincollapsing #마진 #마진겹침1 마진 겹침 (margin-collapsing) 마진 겹침 (margin-collapsing) - 마진이 어떤 경우에 사라지는 현상이 존재 아래의 코드를 실행시키면, DOCTYPE html> h1 { border: 1px solid black; margin: 100px; } Hello World Hello World 이렇게 겹치는 형태로 보여진다. -> 두개의 마진이 겹치는 현상이 발생한 것, 겹침 현상이 일어나지 않는다면 중간에 위치하는 부분이 2배가 되야한다. -> 위와 같은 현상을 마진겹침 (margin-collapsing)이라고 한다. -> 마진 겹침은 위에 있는 태그와 아래에 있는 태그의 마진 값 중에 더 큰 값이 두개의 태그사이의 각격이 된다. 부모와 자식 간의 마진겹침 현상 - 부모 태그가 시각적으로 아무런 효과도 없는 투명한 상태가 되면.. 2023. 11. 22. 이전 1 다음
