CSS float left/right clear 문제 : 큰 틈새

Question

"float : left"를 사용하여 이미지와 같이 흐리게 처리되는 광고 및 여러 텍스트 블록의 CSS 페이지가 "float:right; clear:right"입니다. 문제는 주요 텍스트 흐름 상자는 큰 차이가 있다는 것입니다. float : right가있는 광고 상자 다음에 게재되기 시작합니다. http://xahlee.org/js/ex/test_float.html

나는 이것을 이해 할 수 없습니다

여기에 테스트 페이지입니다. 아무도 설명 할 수 있을까요?

Answer 1

"나는 그것이 어떻게 작동하는지"보다 나은 이유를 설명하기 위해 더 나은 단어를 생각하는 데 어려움을 겪고 있습니다. 격차는 당신의 명확한 의해 발생

<div style="float: right;"> 
    <div class="adbox1">adbox1</div> 
    <div class="adbox2">adbox2</div> 
</div> 

Answer 2

:

를 해결하는 가장 쉬운 방법은 float: right와 함께 자신의 div에있는 두 개의 "광고 상자"를 둘러싸이고 오른쪽 2 adbox에, 그리고 사실 플로우 박스는 문서 순서대로 광고 박스를 따라 가게됩니다.

하단의 상자를 단락 옆에 "흐름"시키려면 그 단락 옆에있는 단락 태그를 배치하십시오.

Answer 3

몸체 여백에 의해 생성 된 간격.

솔루션 :

body { margin: 0; } 

대부분의 CSS를 재설정 도구는이 규칙을 가지고있다.