CSS를 떠 다니는 Div 요소 문제

Question

나는 내 웹 사이트를 약간 코딩했는데, 내가 잘 어울리는 것을 얻기 위해 어리석게 큰 조정을해야한다는 것을 알아 차렸다. 나는 2 개의 떠 다니는 요소와 float 중첩되지 않은 div의 다음 세트로 이동 중입니다 !!

왜 이런 일이 일어나고 있는지 쉽게 알 수 있습니까?이 예제에서 내가 한 일은 지금까지 생방송으로 만들었습니다 (모니터가 충분히 넓은 경우). "특별한 요구 사항이 있습니까? ? " 페이지의 절반 정도 "Do"가 있습니까?

나는 문제가 div 태그 "bannerleft"와 "bannerright"주위에 있다고 생각한다. 그 후 나는 float가 계속해서 모든 것을 깨뜨린다고 생각한다. 나는 여기에

라이브 예입니다 잘못 될 수 Here

Answer 1

질문). 간단하게 덧붙여 라.

<div style="clear: both;"></div> 

다음에 banne 당신이 뭔가를 떠 때 rright/bannerleft 수레를 지우고 그 떠내려 요소를 존중 문서의 나머지 부분을 허용 할 수있는 div .. 당신은 "흐름"

Read 삭제 수레에 대한 추가 정보를 원하시면 MDN에서이 링크에서 가져 ..

추신 (수레를 제거하는 여러 가지 방법이 있습니다. 내가 제공 한 방법보다 더 깨끗한 방법이 있습니다. 간단히하기 위해 방금했습니다.)

Answer 2

시도 : 마지막 떴다 요소에

.clearfix { 
clear: both; 
} 

당신이 당신의 수레를 (두 된 div에서 삭제하지 않은 때문입니다

Answer 3

Nat, Firefox에서는 이러한 현상이 일어나지 않습니다. body 태그에 최대 또는 최소 너비 (어쩌면 980 픽셀)를 배치하고 body 태그에 overflow : hidden을 포함 시키십시오.