html - 如何防止div换行？

Question

在尝试提问之前，我实际上已经看到并研究了很多。所以我使用 960 css 框架，他们为我提供了 div 来布局我的网站。

html 在这里....

<div id="header">  
<div class="container_12">
    <div class="grid_5">
            EMPTY
    </div>
    <div class=" nav grid_7">
            EMPTY
    </div>
</div>
</div>

这两个 div 元素在全尺寸屏幕上彼此相邻，但当我调整它的大小时，屏幕右侧的 div 元素会包裹在它下面。我被告知要使用显示内联 block 和空白不换行，但我不知道如何去做，也不知道这意味着什么。

有好心人给我详细解释一下吗？谢谢!

Answer 1

960 网格系统没有响应，并假定最小容器宽度为 960 像素。所以你真正需要做的就是将它添加到你的 CSS 中:

.container_12 { min-width: 960px; }

如果你想要一个响应式网格系统，我建议你熟悉Bootstrap .