오늘의 TIL (float 속성과 <p> 태그의 특징)
개발/CSS(SCSS)2023. 3. 7. 20:19오늘의 TIL (float 속성과 <p> 태그의 특징)

1. float 속성에 대해서 깊게 알아보자 float 프로퍼티는 주로 레이아웃을 구성할 때 블록 레벨 요소를 가로 정렬하기 위해 사용되는 중요한 기법이다. flexbox 레이아웃를 사용한다면 더욱 간단하게 정렬을 구현할 수도 있지만 flexbox 레이아웃을 지원하지 않는 IE를 고려해야 한다면 float 프로퍼티를 사용해야 한다. float는 말 그대로 ‘뜨다’ 라는 말임. 애초에 이미지에 텍스트를 둘러싸게 만들려는 목표로 나온 속성이 float 속성임. ‘떠 있는 요소’ 라고 생각하면 편함. * float 속성은 전체 넓이가 지정되어 있지 않으면 계속 옆으로 붙고 더이상 자리가 없으면 아래로 자리잡게 됨. 여기서 떠 있다(float)는 의미는 요소가 기본 레이아웃 흐름에서 벗어나 요소의 모서리가 페이..

image