CSS拆分页面：左侧扩展导致浮动向下移动

Question

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

我正在使用jquery将2页加载到div上面。当左侧页面由于其内容而展开时，右侧div正在下降/移动。 保持右侧没有改变的任何方式？

Answer 1

你需要这个：https://jsfiddle.net/56ocrp17/

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

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

您需要为右侧元素指定宽度。当两者都有float:left;时，它都有效。

Answer 2

尝试使用

clear:both;

您可以在此处找到更多相关信息：http://www.w3schools.com/cssref/pr_class_clear.asp