CSS。删除溢出-y。 NOWRAP。保持元素内联

时间:2013-02-25 02:10:33

标签: css overflow inline nowrap

这有什么问题?我已经阅读了几篇帖子,这些帖子表明为了使内联块元素全部在 only overflow-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%;
}

2 个答案:

答案 0 :(得分:5)

对元素使用float: left将导致他们忽略nowrap规则。由于您已经在使用display: inline-block,因此您无需浮动元素以使它们并排显示。只需删除float: left

即可

答案 1 :(得分:0)

是因为浮动:离开;,一旦我删除了,很好。在输入问题后发现它很抱歉。