div의 float 속성을 제어하는 ​​방법

Question

저는이 간단한 웹 페이지를 작성하고 부동 소수점을 설정하려고 시도하는 동안 문제가 있습니다. 나는 aluno 클래스를 만들고 float : left를 적용했다. 문제는이 클래스를 따르는 다른 클래스의 다른 div도 왼쪽으로 떠올랐다는 것이다. 이것을 막기 위해 무엇을 할 수 있습니까?

내 HTML 코드 :

<div class ="main"> 
    <div class = "aluno"> 
     <p> 
      Cena 
      <button type="button" onclick="show('img')">+</button> 
     </p> 
     <p><img id="img1" src="img/img1.png" ></p> 
    </div> 

    <div class = "aluno"> 
     <p> 
      Cena 
      <button type="button" onclick="show('img')">+</button> 
     </p> 
     <p><img id="img" src="img/img.png"></p> 
    </div> 

<div class = "teste"> 
</div> 

내 CSS 코드 :

.aluno{ 
    float:left; 
    padding-left: 70px; 
    width: 300px; 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 1

clear:both-.teste을 더하십시오.

맑은 CSS 속성은 요소가 선행 또는 아래로 이동해야합니다 부동 요소 옆에있을 수 있는지 여부를 지정 그들 아래 (삭제).

.teste{ 
     clear: both; 
    } 

JS 바이올린 :http://jsfiddle.net/LhtrC/

Answer 2

당신은 다른 클래스에 float:none를 사용할 수 있습니다.