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

Question

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

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

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

我可以添加一个负余量来实现这一目标，但我假设我认为这一切都是错误的。

Answer 1

取消 - float两个（或者所有，如果你计划添加更多）你的右手div，将它们放在一个包装器中，然后给那个包装器一个等于宽度的margin-left值你的左派。

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

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

您还应该删除正确内容div上的巨额负余量;很容易打破。