CSS 拆分页面:左侧展开会导致浮动向下移动

CSS split page: left side expansion causes float to move down

本文关键字：移动 分页 拆分 CSS      更新时间：2023-09-26
<div id="left" style="float:left; width=20%"></div>
<div id="right" style="float:right"/>

我正在使用 jquery 将 2 个页面加载到div 上方。 当左侧页面因其内容而展开时，右侧div 正在向下/移动。有什么方法可以保持右侧不变吗？

你需要

这个： https://jsfiddle.net/56ocrp17/

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

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

尝试使用

clear:both;

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

相关文章：