css - 浮动列：必须在右浮动开始之前加载左浮动

Question

我正在尝试创建一个两列布局，其中一列向左浮动，并且有两个 DIV 向右浮动。两个右 DIV 的总和是小于左 DIV 高度的高度。我想我错过了一些允许这种情况发生的 CSS。截至目前，由于高度差异，第二个右 DIV 出现在左 DIV 的末尾下方。

查看页面本身以查看问题可能更容易。我需要让 DIV 关闭正确内容的末尾，以便所有文本都在一个框中。

http://brimbar.com/no_crawl/RiverHollow/history.html

我可以添加一个负边距来实现这一点，但我假设我做错了。

Answer 1

取消float两个（或全部，如果您打算添加更多）右侧 div，将它们放在一个包装器中，然后给该包装器一个margin-left与左侧 div 宽度相等的值。

截图：http ://easycaptures.com/fs/uploaded/677/0314515048.png

演示：http: //jsbin.com/aviyok/1/edit

您还应该删除右侧内容 div 上的巨大负边距；这很容易打破。