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

Question

这有什么问题？我已经阅读了几篇文章，其中建议为了将 inline-block 元素全部放在同一行上，只需要溢出-x，父级上只需要以下 CSS：

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

这是我的 CSS，直接来自我的萤火虫，用于父级和我在同一行上需要的元素。元素仅以垂直溢出包装。我很困惑。有什么建议么？

.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%;
}

Answer 1

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

Answer 2

是因为浮动：左；，一旦我删除它，很好。输入问题后发现它抱歉。