显示内联块溢出

时间:2015-04-19 23:26:53

标签: css

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

.item{display: inline-block;}

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

我试图在下面说明

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

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

1 个答案:

答案 0 :(得分:2)

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



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

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

<div class="parent">
  <div></div>
  <div></div>
</div>
&#13;
&#13;
&#13;