CSS를 명확하게 이해하는 방법 : 둘 다 작동해야합니다.

Question

HTML 폼 기반 설문지를 작성하려고합니다. 문제를 일으키는 요소를 발견했을 때 CCS를 사용하여 모든 HTML 양식 요소를 정렬했습니다.

이전 DIV 아래에 배치하고 싶은 일부 양식 요소가 포함 된 DIV가 있습니다. 이전 DIV가 왼쪽에 "떠 다니기"때문에 CSS 구문 을 사용해야한다고 생각했습니다 : 둘 다. 그러나, 내가했을 때 내 콘텐츠가 DIV가 포함 된 페이지의 왼쪽으로 이동했습니다. 왜 그런지 모르겠습니다. 내가 설명하는 데 도움이 JSFiddle 예를 만들었습니다

...

http://jsfiddle.net/BrWUE/

사람이 내가 잘못 뭐하는 거지보고 왜 지울 수 있습니다 모두 모두에서 나의 DIV를 추진하고있다 그것의 용기 ? 고맙습니다.

Answer 1

이것은 CSS 제거가 작동하는 방식입니다.
제거 요소는 이전 형제 플로팅 요소 아래에 놓입니다.

수많은 cleafix 방법 중 하나를 사용해야합니다.

.clearfix:before, .clearfix:after { content: ""; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { zoom: 1 } 

를 그리고 여기 당신의 코드에 보이는 내용은 다음과 같습니다 :
다음은 html5boilerplate에서 하나 http://jsfiddle.net/BrWUE/1/.