BFC
-
[Day 12] CSS floatTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 12. 21:36
오랜만에 !쿨재현!님과 함께하는 쉅시간~ 오늘은 css float 속성에 대해 집중적으로 다뤘다. Float '띄우다'라는 뜻을 가지고 있으며 다양한 객체를 띄워서 정렬을 하는 속성을 가져서 마치 inline-block과 같은 성질로 바뀐다. 노멀 플로우에서 벗어나 붕붕 뜨게 된다. 보통 블럭 요소를 왼쪽(float: left)이나 오른쪽(float: right)으로 정렬할 때 많이 쓰인다. 여기서 특이한 점은, 블록 요소는 가로폭 전체를 width로 가지는데, 만약 1번째 블록요소에 float를 적용시키면 이런 식으로 마치 inline-block을 적용시킨 것 마냥 2번째 요소가 1번째 요소의 옆에 붙게 된다! 보통 인라인 요소들과 블록요소들은 normal flow에 따라 레이아웃이 결정이 되는데, 요..