[ CSS ] float

float

- 이미지나 문서를 오른쪽이나 왼쪽으로 띄어서 정렬할때 사용

 

 

ex) CSS

div{
    float:속성값;
}

- left - 왼쪽으로 띄움

- right - 오른쪽으로 띄움

- none - 기본값, 띄우지않음

- initial - 기본값으로 설정

- inherit : 부모속성 물려받음

 

float 속성

종류	left	right	none
너비	최대한 줄어든다.	최대한 줄어든다.	그대로 유지
본질	위로 올라갈 수 있으면 올라간 후 좌측으로 붙는다.	위로 올라갈 수 있으면 올라간 후 우측으로 붙는다	-
block요소 부터 무시	무시당함	무시당함	무시안당함
inline, inline-block요소 부터 무시	무시안당함	무시안당함	무시안당함

*clear:both
- float 계에서 줄바꿈(엔터) 역할을 한다.