行内块元素做容器，内部的行内块元素会直接换行而不是一行显示？

Question

因为外层列表容器宽度不固定，所以外层容器设置成了inline-block。因为容器display是inline-block了，所以也没法设置flex布局。我把内部的列表项元素也设置成了inline-block，但是列表项元素就直接换行了？

css

.listbox {
  display: inline-block;
  white-space: nowrap;
}

.listItem {
  display: inline-block;
  min-width: 140px;
  height: 50px;
}

html

<div class='listbox'>
  <!--数个列表项-->
  <div class='listItem'></div>
</div>

这是为什么呢？

Answer 1

不会...
你这里可能有两种情况：
1.有其他样式干扰
2.一行放不下多个listbox，必然换到下一行(listbox内部有多个listItem的时候)

Answer 2

复制你的代码，是在一行显示的；可能是你其他代码冲突了。