CSS 下推内容？

Question

查看 kranedesign.com 上的任何页面

如果您横向缩小浏览器的大小，主要内容会下降到导航下方。我不确定在 CSS 中的何处或如何解决此问题。理想情况下，我希望它能够缩放以适应……但即使只是一个水平滚动条也会更好。

Answer 1

您的#outer container div 应具有以下 CSS:

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

您的#aside 和#primary 以固定宽度 float ，但它们的容器#outer 的宽度为100%，这意味着宽度发生变化。因此，当浏览器窗口宽度更改为小于#aside 和#primary 组合宽度的值时，#primary 将下降到#aside div 以下。