超出部分不换行并显示横向滚动条

Question

代码如下：

<div class="nowrap">

<div class="item-t"></div>

<div class="item-t"></div>

<div class="item-t"></div>

<div class="item-t"></div>

</div>

css样式：

.nowrap{

white-space: nowrap;

overflow-x: scroll;

height: 200px;

}

.item-t{

display: inline;

float: left;

width: 108px;

height: 200px;

background: yellow;

vertical-align: top;

}

.item-t+.item-t{

margin-left: 15px;

}

以上div还是会换行，并且只显示纵向滚动条。

求大神解答！！！

Answer 1

.nowrap{     white-space: nowrap;     overflow-x: scroll;     height: 200px;     overflow-y: hidden;  /***这行加上就好了***/ }