显示内联块溢出

Question

我父母中有两个对象。这两个对象的设定宽度均为60％。我希望他们在父母中并排坐着并导致溢出。为了尝试这个，我使用了以下

.item{display: inline-block;}

然而，他们所做的只是堆叠在一起。

我试图在下面说明

我想要的是什么：http://imgur.com/G6qyP6u

会发生什么：http://imgur.com/EK2Evb9

Answer 1

将white-space: nowrap添加到父级应该执行您尝试实现的目标。

＆＃13;

＆＃13;

.parent {
  white-space: nowrap;
  overflow: hidden;
}

.parent div {
  display: inline-block;
  width: 60%;
  height: 200px;
  background: red;
}

＆＃13;

<div class="parent">
  <div></div>
  <div></div>
</div>

＆＃13;

＆＃13;

＆＃13;