2柱固定宽度侧边栏，流体内容未正确对齐

Question

我一直在遇到这个问题，因为设置了2列布局，并且右边有一个固定的侧边栏。我在内容容器上设置了一个边距，因此当你调整浏览器窗口大小时它会很流畅。

然而，内容部分实际上位于侧边栏的“上方”，因此新内容会将侧边栏推向页面。您可以看到我为基本布局设置的live demo here。

我知道修复此问题的唯一方法是将侧边栏移到HTML标记内容的上方。但这并不像是一个修复，老实说，我希望我的内容出现在侧边栏之前，因为这就是文档的结构。有没有办法让浮动的侧边栏与内容区域保持在顶部对齐？

Answer 1

查看媒体对象http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

演示：http://dabblet.com/gist/3729182

由于您没有提供列的宽度，因此我使用了自己的百分比。一旦它变得太薄，您可以使用媒体查询清除侧边栏。