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;时，它也可以工作。