같은형제 끼리 마진이 닿는부분은 더 큰수의 마진을 가진 것이 작은수의 마진을 가진 것의 마진을 잡아먹는다.(곂친다.)
부모와 자식 끼리 마진은 자식이 부모를 뚫고 마진이 나타난다.
각자의 콘텐츠와 마진을 확보하는방법은 블록포맷컨텍스트를 사용한다.
>1. 부모에게 float:left와 width:100%를 준다.
>2. 부모에게 포지션 relative를 주고 자식에게 absolute 블록포맷컨텍스트
>3. 부모에게 display : inline-block과 width : 100%를 준다
>4. 형제와 형제간은 하나의 것에게 float: left/right 와 width를 준다.
'html과CSS 중급' 카테고리의 다른 글
| 2021-07-01 (얼라인 middle 과 nth-child/nth-of-type) (0) | 2021.07.01 |
|---|---|
| 2021-06-22 (span 계속쓸시 이전 span 백그라운드이미지 연결문제) (0) | 2021.06.22 |
| 2021-06-21 개발일지 (겹치는 부분 해결) (0) | 2021.06.22 |