왜 float CSS 속성이 div의 크기를 조정합니까?

#myDiv{ 
    background:orange; 
    width:250px; 
}

및 다음 HTML 코드 :

<div id="myDiv"> 
    <p> 
     Vote Pirates!<br /> 
    </p> 
</div>

float:left 속성을 myDiv 스타일에 추가 할 때 정확하게이 div 크기를 변경하는 이유는 무엇입니까?

편집 :이 문제는 브라우저 문제이거나 운영 체제 별 문제입니다.

2011-10-17 nottinhill

나를위한 것이 아닙니다. http://jsfiddle.net/BoltClock/QXJEZ – BoltClock

div의 크기는 변경되지 않습니다. 어떤 행동을하고 있습니까? – pcalcao

가능성있는 대답 같습니다. 플로팅 된 상자가 흐름에서 제거되어 주위의 블록 수준 상자에 영향을주지 않습니다.

사이트 포인트에서 this page을 해제하십시오.

또한 브라우저의 특정 기능 (오류?)이 발생할 수 있습니다. IE 6.0을 사용하고 있습니까?

2011-10-17 22:29:03 DwB

예제의 크기는 여기에서 변경됩니다. 이것은 Fedora Core 15의 Firefox 5/64bit입니다.하지만 Opera에서는 변경되지 않을 수도 있습니다. – nottinhill

현재 예제의 크기는 변경되지 않습니다.

그러나 상대 단위가있는 요소는 변경됩니다. float 속성은 현재 컨텍스트에서 요소를 찢어서 높이/너비가 다를 수 있습니다.

2011-10-17 22:24:13

나는 또한 좋은 tutrial을 찾았습니다. http://css.maxdesign.com.au/floatutorial/ –

답변