如何停止的文字去下面的另一个DIV浮动权

Question

因此，这里是我的代码：http://jsbin.com/asidep/2/edit（见jsbin右上角的编辑）

的问题是我需要我的.accontent款在accontent顶部开始，然后当它击中浮动在右侧的#controls div时。 （我需要这个div，并在其他div上面）

目前，我已经获得文本打包时，它击中.accontent的边缘，但它不在#controls下面。

也与.accontent高度设置为自动空白差距出现在下面.accontent和.acfooter - 为什么是这样的，我该如何解决它？它需要设置为自动加印，有很多文字和其他明智的，它会溢出下面...我不希望滚动条出现，如果我使用溢出：滚动。

希望你能帮忙，谢谢！ :)

Answer 1

变革尝试你的CSS是这样的：

.acheader { 
    background-color: red; 
height: 50px; 
float:left; 
width: 500px; 
} 

.accontent { 
background-color: black; 
    height: auto; 
width: 350px; 
float:left; 
color: white; 
word-wrap: break-word; 
} 

.acfooter { 
background-color: red; 
height: 50px; 
width: 500px; 
float : left; 
} 

#controls { 
height: 240px; 
width: 150px; 
background-color: blue; 
float:right; 
margin-top:30px; 

}