float 속성 텍스트도 배경과 위치가 변경되지 않는 이유는 무엇입니까?

<div id="one" class="test">first div</div> 
<div id="two" class="test">second div div</div> 
<div id="three" class="test">third div</div>

제가 제 DIV가 명확 설정해야 변경할 수 없기 괜찮 왼쪽에 제 1 및 제 2 DIV 아니라 제 DIV 상향오고 제 DIV의 배경 플로트

: 양자 모두. 하지만 난 왜 텍스트가 div 안에 있기 때문에 세 번째 div의 텍스트도 올라 오지 않는지 알고 싶습니다.

수레는 요소 내에서 텍스트의 흐름을 유지하는 동안, #third 요소의 흐름을 깨고있다,하지만 떠내려 요소에서 아래로 강제 것처럼 여기 http://jsfiddle.net/babu333/3KPxE/3/

와우는 나를 곤란하게 만들었습니다. 나는 구글 개발자 도구에서 그 요소를 볼 때 그 요소를 볼 수 있다는 것을 의미하지만 텍스트는 내가 원하는 모든 곳에서 나타난다. – Charles380

내 땜질부터 바이올린 링크, 그것은 보인다 .

는 더 관리 결과에 대한 overflow 속성을 추가

.test{ 
    width:100px; 
    height:50px; 
    margin:20px; 
    padding:10px; 
    overflow: hidden; 
}

수레를 처리, 내가 찾은이 부모 컨테이너에 overflow: hidden를 추가하는 것이 가장 좋습니다.

2013-08-06 19:06:31

패딩 및 여백을 제거하는 경우 세 번째 div의 텍스트는 여전히 첫 번째 div – user1906399

@ user1906399의 맨 아래에 있습니다! 나는 무언가를 찾으면 내 대답을 편집하고 계속 편집 할 것입니다. –

@ user1906399처럼 보이기도합니다. 텍스트는 흐름을 유지하면서 흐름은 간단히 중단됩니다. 수레는 다루기 까다로울 수 있습니다. –

답변