혼자 적어보는 노트

✅ 오늘의 학습 📌 CSS 심화 (1) - float - position - 쌓임맥락 - flex float 요소가 원래의 흐름으로부터 빠져나와서 텍스트와 인라인 요소와 함께 배치할 수 있게 해주는 속성이다. - 자식 요소에 float를 사용하면 부모요소의 높이가 사라져버린다. * float가 끝났음을 알려주기 위해 해제(clear) 시켜주어야 한다. - float 속성을 부여하면 자동으로 block 요소로 변경된다. float 해제 방법 - 부모에 overflow 속성 사용 overflow: hidden; - 마지막 자식 요소에 clear속성 적용 .container .item:nth-child(4){ clear: left; } - 부모요소에 clearfix 적용 * 가장 적합한 방식 .clearfix..