如何让DIV不包裹？

我需要创建一个包含多个其他DIV的容器DIV样式.如果浏览器窗口调整为狭窄,则会询问这些DIV不会换行.

我试着让它像下面这样工作.

   
something
   
something
   
something
   
something

这适用于大多数情况.但是,在某些特殊情况下,渲染不正确.我发现容器DIV在IE7的RTL中变为3000px宽度; 它变得凌乱.

有没有其他方法可以让容器DIV不包装？

尝试使用white-space: nowrap;容器样式(而不是overflow: hidden;)

如果我不想定义最小宽度,因为我不知道元素的数量,唯一对我有用的是:

display: inline-block;
white-space: nowrap;

但仅限Chrome和Safari:/

以下为我工作没有浮动(我修改了你的例子有点视觉效果):

.container
{
    white-space: nowrap; /*Prevents Wrapping*/
    
    width: 300px;
    height: 120px;
    overflow-x: scroll;
    overflow-y: hidden;
}
.slide
{
    display: inline-block; /*Display inline and maintain block characteristics.*/
    vertical-align: top; /*Makes sure all the divs are correctly aligned.*/
    white-space: normal; /*Prevents child elements from inheriting nowrap.*/
    
    width: 100px;
    height: 100px;
    background-color: red;
    margin: 5px;
}

   
something something something
   
something something something
   
something something something
   
something something something

white-space: nowrap

display: inline-block; // or inline

.container {
  display: inline-flex;
}

.slide {
  float: left;
}

  
something1
  
something2
  
something3
  
something4