Question

가능한 중복 :
Why is this clear:both acting globally?

나는 alistapart에 예를 들어 세 개의 열 레이아웃이 있습니다 http://www.alistapart.com/d/negativemargins/ex5.htm를,하지만 난려고 할 때 "clear : left"스타일로 상자를 만드십시오. <p style='clear:left;'>Lorem ... arcu.</p> 왼쪽 상자 아래의 내용물이 점프합니다. 화면 : bug demonstration (크롬, 파이어 폭스, ...).

문제를 해결하는 가장 좋은 방법은 무엇입니까?

<h1>content</h1> 
       <p style="float:left;">sdfsf</p> 
<p style="clear:left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus varius eleifend tellus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla facilisi. Sed wisi lectus, placerat nec, mollis quis, posuere eget, arcu.</p> 

Answer 1

는 해결 :

#main {overflow: hidden;} 

또는

#main {overflow: auto;} 

감사에 : 당신이 단락의 왼쪽을 취소 할 이유 Why is this clear:both acting globally?