<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ГГ</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<style>
*{
margin: 0;
padding:0;
outline: none;
}
.container{
width:200px;
height: 100px;
overflow-x: auto;
margin: 30px;
}
#block{
width: 300%;
height: 100%;
}
.sl{
float: left;
width: 33.3%;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
<div id="block">
<div class="sl" style="background: blue"></div>
<div class="sl" style="background: yellow"></div>
<div class="sl" style="background: red"></div>
</div>
</div>
</body>
</html>