float

정의 및 사용

float 속성은 박스요소를 부유(띄울)할 위치를 지정한다. 만약 position 속성에서 absolute(절대 위치 값) 가 지정되어 있다면 flot 속성은 무시된다.

정의 및 사용
기본값 none
상속 no
버전 CSS1
자바스크립트 구문 object.style.cssFloat=”left”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
left 요소를 왼쪽 방향으로 띄워지게 지정
right 요소를 오른쪽 방향으로 띄워지게 지정
none 기본값(default), 요소를 띄우지 않음. 텍스트가 위치하는 곳에 위치됨
inherit 지정 요소의 부유 상태를 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

  • float 된 요소는 브라우저의 정상흐름을 벗어나 해당 문서(또는 부모요소 또는 Wrap된)의 가장 왼쪽 또는 오른쪽에 위치된다.
  • float 할 요소는 width 값을 지정해준다. 너비를 지정해 주지 않으면 각 브라우저 마다 랜더링이 달라진다.

소제목

목록 으로

댓글