如何控制浮动属性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

回答

相关问题