웹 CSS 입문 공부 15. float, position 포지션, 레이아웃 flexbox

콘텐츠를 원하는 위치에 삽입하는 것은 여러가지 방법이 있는데, 그 중 float, positon, 레이아웃 flexbox를 통한 방법을 알아보겠습니다. float (플롯) float는 요소가 문서의 일반적인 배치 외로 자신을 포함하고 있는 컨테이너의 왼쪽이나 오른쪽에 배치하게 합니다. 속성값 의미 none 기본값, 원래 상태 left 자신을 포함하고 있는 박스의 왼편 right 자신을 포함하고 있는 박스의 오른편 문서의 일반적인 흐름(위에서 아래로, 왼쪽에서 오른쪽으로) 에서 마치 둥둥 뜬 것처럼 제외되지만 자신이 필요한 공간만큼은 가져갑니다. clear 속성 clear 속성은 float 요소 이후에 표시되는 요소들이 float의 영향을 받지 않고 (즉, float가 clear 해제된 상태) float ..

원문링크 : 웹 CSS 입문 공부 15. float, position 포지션, 레이아웃 flexbox