CSS拆分頁面：左側擴展導致浮動向下移動

Question

<div id="left" style="float:left; width=20%"></div> 
<div id="right" style="float:right"/> 

我正在使用jquery加載2頁以上的div。當左側的頁面由於其內容而展開時，右側div正在下移/移動。 任何方式保持右側不變？

Answer 1

嘗試使用

clear:both; 

你可以找到更多關於它在這裏：http://www.w3schools.com/cssref/pr_class_clear.asp

Answer 2

你需要這樣的：https://jsfiddle.net/56ocrp17/

#left { 
    float:left; 
    width:20%; 
} 

#right { 
    width:80%; 
    float:left; 
} 

你需要指定右側元素的寬度。當它們都有float:left;時，它也可以工作。