CSS div具有全宽但不包装文本

Question

我正在尝试创建一个跨越页面整个宽度的导航元素（nav），但是当窗口缩小到文本溢出的位置时，文本就会换行。由于这是页面的导航栏，我更喜欢它没有换行，当导航内容溢出时页面只会滚动。我在考虑给它一个宽度的像素，而不是只有100％可以工作，但我不知道如何使用像素在每个屏幕上使其全宽。知道怎么做吗？我也在使用SASS，如果这有助于解决方案。

基本上，我需要一个解决方案，使一个元素的行为好像它的宽度设置为100％，但是如果溢出则无法包装文本。如果出现溢出，窗口应滚动。

Answer 1

输入css样式white-space:nowrap;

如果你想在div中使用滚动条，请转到overflow:scroll;并设置一行的高度，不要使用nowrap。

全宽应该很简单：width: 100%

如果您需要具体信息，请告诉我们您的代码。

Answer 2

我认为您最好的选择是在nav元素上设置最小宽度。这样，它只会将div缩放到某个点，因此它不会换行。唯一的缺点是你需要指定一个宽度，但好处是没有任何div被切断。

http://jsfiddle.net/piedoom/Km4Xa/1/

你可以在我的CSS中看到我有以下内容：

div
{
width: 100%;
background: red;
min-width: 250px;
}

最小宽度指定div在保持该值之前可以获得的小数，而不是将窗口视为宽度。

您也可以将它应用于正文，以便它适用于所有元素。