当没有超出时，当然只有X和Y的轴。
问题出在，背景图片不能设置大小。HTML不会计算出背景图片的大小，这和直接插入的图片是有区别的。
解决办法
1.把body的宽度和高度，和图片真实大小设置为一致。
2.就像你说的body里包的一个div，你给那个div设置的宽度和高度和图片一致即可。
另外题外补充，overflow还有两个其它参数。只显示Y轴或者X轴。不会overflow的使用在IE和FF中是有明显差异的。
如果仍没解决，百度Hi或者站内消息可以找到我
效果图：
css
.box {
background: #eee
padding: 10px 0
white-space: nowrap
/*文本不会换行，文本会在在同一行上继续*/
overflow-y: auto
/*可滑动*/
}
/*自定义滚动条的伪对象选择器, CSS 可以隐藏滚动条*/
.box::-webkit-scrollbar {
display: none
}
.box1 {
width: 49%
margin-left: 3%
height: 100px
background: #fff
display: inline-block
/*行内块元素*/
}
html：
<div class="box">
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
</div>
