float, overflow, clear 에 대한 좀 더 정확한 정의를 알고싶어요~
나로
2023.04.01
수다방에 있는 float 해제에 대한 설문조사 글을 보고 제가 공부를 잘못된 방향으로 한 것 같아 여쭙니다.
제가 현재 알고 있는 지식으로는,
float는 글을 옆으로 흐르게 하는 속성을 갖고 있으며, 붕 뜨는 속성 또한 갖고 있다.
그렇기 때문에 float으로 left, right를 나눌 때에는 그 아래에 있는 요소에 영향을 미치기 때문에
float 다음에 오는 요소에는 clear:both; 를 적용한다. (clear:both;는 float의 흐름을 깨기 위함)
float를 적용한 요소를 감싸고 있는 요소에는 overflow:hidden;을 한다.
위치를 잡기 위해float를 사용한 경우엔 아래요소에는 clear, 감싸는 요소에는 overflow를 한다.
(이는 공식과도 같음)
위 내용이 제가 알고 있는 내용인데, 수다방에 있는 글을 보니 제가 잘못 공부했구나..싶더라구요ㅠㅠ
생각해보니 overflow:hidden;은 해당 요소 이외의 것을 숨기는? 걸로 알고 있는데,
이게 float 해제 하는거랑 무슨 연관이 있는건지..단순히 float으로 인해 감싸고 있는 요소를 벗어나는걸 대비하여 쓰는건지..
제가 어느 부분을 잘못알고 있는건지 답변부탁드려요^^
