在尝试提问之前，我实际上已经看到并研究了很多。 所以我使用 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 和空白不换行，但我不知道如何去做，也不知道这意味着什么。
有好心人给我详细解释一下吗？谢谢!
最佳答案
960 网格系统没有响应，并假定最小容器宽度为 960 像素。所以你真正需要做的就是将它添加到你的 CSS 中:
.container_12 { min-width: 960px; }
如果你想要一个响应式网格系统，我建议你熟悉Bootstrap .
关于html - 如何防止div换行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38666074/