我在设置 2 列布局时遇到了这个问题,固定侧边栏浮动到右侧。我在内容容器上设置了一个边距,以便在您调整浏览器窗口大小时它会变得流畅。
然而,内容部分实际上是在侧边栏“上方”,因此新内容会将侧边栏推到页面下方。你可以在这里看到我为基本布局设置的现场演示。
我知道解决此问题的唯一方法是将侧边栏移动到我的 HTML 标记中的内容上方。但这并不是真正的修复,老实说,我希望我的内容出现在侧边栏之前,因为这就是文档的结构。有没有办法让浮动侧边栏与内容区域在顶部对齐?
看看媒体对象http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
演示:http ://dabblet.com/gist/3729182
由于您没有提供列的宽度,我使用了我自己的百分比。一旦它变得太薄,您可以使用媒体查询来清除侧边栏。