横向滚动条布局

<div class="x-scroll">
    <ul class="wrap">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</div>

css
.x-scroll .wrap {
    width: 1600px; }
.x-scroll .wrap li {
  display: inline-block;
  width: 300px;
  height: 300px;
  margin-right: 10px;
  background: yellow; }