Frontend/CSS

[CSS] margin collapse

양원준 2023. 7. 17. 16:13
728x90

 

margin collapse란?

 

 

"마진이 겹쳤다"라고 말하는 현상이다

즉, 박스의 테두리들이 완전히 겹쳐 있으면 다음과 같은 상황이 나타난다

 

  • 마진을 하나로 합쳐주고
  • 둘 다 마진이 있으면 둘 중에 더 큰 마진을 하나만 적용하게 된다

 

 

 

이건 어떻게 해결할까?

 

안겹치게 하면 된다

 

그냥 간단히 부모 박스 상단에 padding:1px와 같이 패딩값을 주자

 

 

 

 

 

728x90

'Frontend > CSS' 카테고리의 다른 글

[CSS] position  (0) 2023.07.17
[CSS] div 왼쪽으로 정렬하고 싶을때 2 (inline-block)  (0) 2023.07.16
[CSS] div 왼쪽으로 정렬하고 싶을 때 (float)  (0) 2023.07.14
[CSS] css selector  (0) 2023.07.14
[CSS] 가운데 정렬 하는법  (0) 2023.07.14