有沒有辦法限制CSS float的範圍並清除？在問題的

Question

例子：http://jsfiddle.net/xZmFg/4/

當然還有一種方式來獲得的描述緊跟在輸入（下面，不正確的），而不是最終的菜單下面...

我意識到，'浮動'你打破了內容的流動，但沒有辦法只適用於父容器內的空間？

Answer 1

你可以有你的描述的和表單輸入父元素包含了使用overflow: hidden所有的彩車：

.content-box { 
    overflow: hidden; 
} 

這樣，他們不會在側邊欄元素的花車干擾。

jsFiddle preview

Answer 2

可以浮在容器周圍的輸入和你的段落：

.content { 
    float: left; 
} 

，然後刪除clear: left;上.description，因爲它不會做任何事情（或留在）。

http://jsfiddle.net/ambiguous/QdY44/