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

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