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

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;  /***这行加上就好了***/
}