演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="reset.css"/>
<style type="text/css">
.box{
width: 100%;height: 304px;border: 2px solid #000000;
margin-top: 100px;overflow-x: scroll;
}
ul{
width: 200%;height: 300px;
}
ul li{
width: 15%;height: 300px;margin: 0 0.5%;float: left;
}
</style>
</head>
<body>
<!-- div.box>li*6 -->
<div class="box">
<ul>
<li style="background-color: red;"></li>
<li style="background-color: green;"></li>
<li style="background-color: blue;"></li>
<li style="background-color: yellow;"></li>
<li style="background-color: black;"></li>
<li style="background-color: gray;"></li>
</ul>
</div>
</body>
</html>
