如何控制浮動屬性div

我正在做這個簡單的網頁，我在嘗試設置浮動時遇到了問題：留給一堆div。我創建了aluno類並應用了float：left，問題在於其他類之後的其他div也浮動到左邊。我能做些什麼來防止這種情況發生？如何控制浮動屬性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; 
}

來源

2014-02-20 Francisco Gonçalves

將clear:both加到.teste。

將澄清的CSS屬性指定的元素是否可以是毗鄰它之前或者必須向下移動浮動元件（清除）下方。

.teste{ 
     clear: both; 
    }

JS小提琴：http://jsfiddle.net/LhtrC/

來源

2014-02-20 01:44:34

它的工作，謝謝你！ –

@FranciscoGonçalves很高興能幫到你！ –

您可以在其他類使用float:none。

來源

2014-02-20 01:35:18 ltalhouarne

我試過了，但它仍然在aluno類的最後一個div塊的右側。 –

如何控制浮動屬性div

回答

相關問題