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 |