CSS。删除溢出-y。无包装。保持元素内联答案

【问题标题】：CSS. Remove Overflow-y. Nowrap. Keep Elements InlineCSS。删除溢出-y。无包装。保持元素内联
【发布时间】：2013-02-10 03:08:41
【问题描述】：

这有什么问题？我已经阅读了几篇文章，其中建议为了使内联块元素都在同一行上，onlyoverflow-x，父级上只需要以下 CSS：

div { 
overflow-x:scroll;
overflow-y:hidden;
white-space:nowrap;
}

这是我的 CSS，直接来自我的 firebug，用于父级和我在同一行中需要的元素。元素仅以垂直溢出包装。我糊涂了。有什么建议吗？

.elementsRequiredOnSameLine {
background: none repeat scroll 0 0 white;
display: inline-block;
float: left;
height: 10em;
text-align: center;
width: 6em;
}

.parent{
display: inline-block;
margin: 10px auto;
min-height: 12em;
overflow-x: scroll;
padding: 10px;
white-space: nowrap;
width: 95%;
}

【问题讨论】：

不要使用display: inline-block 和 float: left
谢谢。刚刚发现。

标签： css overflow inline nowrap

【解决方案1】：

是因为 float:left;，一旦我删除它，很好。输入问题后发现它抱歉。

【讨论】：

【解决方案2】：

在元素上使用float: left 会导致它们忽略nowrap 规则。由于您已经在使用display: inline-block，因此您无需浮动元素即可让它们并排显示。只需删除float: left

【讨论】：