[CSS] Float 속성

1. Float 속성 부동 요소로 공간에서 떠있는 요소를 만들 수 있습니다.

요소들이 공간을 차지하고 위에서 아래로 차례차례 생성되는 흐름에서 제외되어 자신을 포함하고 있는 컨테이너의 왼쪽이나 오른쪽에 배치할 수 있습니다. Float이 지정된 요소는 문서의 흐름에서 제외되지만, 필요한 공간만큼은 차지하는 상태가 됩니다.

속성값 내용 none Float의 기본 값으로, 원래의 상태를 의미합니다. left 자신을 포함하고 있는 박스의 왼쪽에 떠 있도록 설정합니다. right 자신을 포함하고 있는 박스의 오른쪽에 떠 있도록 설정합니다. 1) float: none 속성값 문서의 기본적인 흐름은 먼저 작성된 요소가 브라우저 화면에서 가장 먼저 보이는 것입니다. BoxA, BoxB, BoxC의 id 값을 가진 div 태그들은 순서대로 화면에 출력되게 됩니다.

#BoxA{ width: 200px; height: 50px background-color: lightcyan; } #Bo...

요청 처리 중입니다...

[CSS] Float 속성

등록된 다른 글