CSS推送内容？

Question

请参阅kranedesign.com上的任何页面

如果您横向减小浏览器的大小，主要内容将降至导航下方。我不确定在CSS中修复此问题的方法或方法。理想情况下，我希望它可以缩放以适应......但即使只是一个水平滚动条也会更好。

Answer 1

你的#outer容器div应该有以下CSS：

#outer {
    width: 1160px;
    position: relative;
    overflow: hidden;
}

您的#aside和#primary以固定宽度浮动，但它们的容器#outer的宽度为100％，这意味着宽度会发生变化。因此，当浏览器窗口宽度变为小于#aside和#primary组合宽度的值时，＃primary将落在#aside div之下。

Answer 2

你应该有一个容器div。像：

<div id="container">
    <div id="nav"></div>
    <div id="content"></div>
</div>

然后给容器类一个溢出：隐藏（拉伸容器div）并给容器div一个宽度。我认为您的导航和内容是浮动的？