HTML&CSS) float

jun_legend·2021년 6월 9일
0

HTML&CSS

목록 보기
4/4
post-thumbnail

" float "

특정 요소를 떠있게 하는 속성으로 block 요소에만 사용할 수 있다.
공간은 차지하되 다른 요소의 배치에 영향을 주지 않고
float 로 정렬된 것 주위로 다른 컨텐츠가 흐르듯이 배치된다.

float 의 속성값

  • left
    요소를 왼쪽 방향으로 부유하도록 설정

  • right
    요소를 오른쪽 방향으로 부유하도록 설정

**clear 속성**
float 속성을 사용하면 주변으로 컨텐츠가 흐르듯이 배치가 되는데, 이를 해제하기 위해 clear 속성을 사용한다. clear 속성이 지정된 영역 이후로는 더 이상 float 효과가 적용되지 않는다.

clear 의 속성값

  • left
    float: left 를 해제한다.

  • right
    float: right 를 해제한다.

  • both
    float 의 left 속성값, right 속성값 둘 다 해제한다.

0개의 댓글