css - 文本以较小的窗口下拉

Question

我已经调整了一些 CSS 以在网站中使用，但无法完全弄清楚为什么页面的某个方面会以它的行为方式运行。基本上，当我将窗口水平缩小到一定大小以下时，所有文本都会“下拉”。如果用户通过垂直方向的 ipad 查看我的网站，这将成为一个问题。您可以在此处查看此问题。我希望做到这一点，即使窗口变小，我的文本位置也保持不变。

Answer 1

问题是该区域没有足够的空间将侧边导航和内容放在一条线上。使其在超过一定的宽度减量时自动调整页面的宽度。此代码是一个示例，它极不可能工作。如果我能更清楚地看到 CSS，那么我可以提供确切的代码。

@media all and (max-width:960px) { /* Assuming the #wrapper is 960px across */
    #content {width:560px;} /* As opposed to 720px */
}

编辑

内容正好下降到 980 像素，所以你必须在那之后缩小宽度。

@media all and (max-width:980px) {
    #container {width:520px;}
}

Answer 2

div#content “下拉”，因为设置为float:right，这意味着当您调整浏览器的大小时，内容 div 将随着页面流变窄而移动。

尝试将样式设置div#wrapper为white-space:nowrapand div#nav_leftand div#contentbothwhite-space:normal