1.css
body {
font-size: 12px
}
ul li {
list-style: none
}
.track-rcol {
width: 100%
border: 1px solid #eee
}
.track-list {
margin: 20px
padding-left: 5px
position: relative
}
.track-list li {
position: relative
padding: 9px 0 0 25px
line-height: 18px
border-left: 1px solid #d9d9d9
color: #999
}
.track-list li.first {
color: red
padding-top: 0
border-left-color: #fff
}
.track-list li .node-icon {
position: absolute
left: -6px
top: 50%
width: 11px
height: 11px
background: url(img/trank.png) -21px -72px no-repeat
}
.track-list li.first .node-icon {
background-position: 0 -72px
}
.track-list li .time {
margin-right: 20px
position: relative
top: 4px
display: inline-block
vertical-align: middle
}
.track-list li .txt {
position: relative
top: 4px
display: inline-block
vertical-align: middle
}
.track-list li.first .time {
margin-right: 20px
}
.track-list li.first .txt {
max-width: 600px
}
css是无法实现的，您要横向滚动只有通过js监听页面的拖动事件才行。给你个插件可以研究研究，这插件能让你体验到win8切换的效果。
如果你非要用滚轮来响应横向滚动 你还是得用js监听滚轮，给滚轮绑定一个事件，没次滚动都使div 内容向某个方向animate移动一个固定距离
