如何停止的文字去下面的另一個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; 

}