<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin: 0;padding: 0;}
li{list-style: none;}
#div1{width: 350px;height: 60px;border: 1px solid red;position: relative;margin:0px auto;overflow: hidden;}
#div1 ul{position: absolute;left: 0;}
#div1 ul li{width: 80px;height: 60px;margin-right: 10px;float: left;background-color: blue}
</style>
<script type="text/javascript
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin: 0;padding: 0;}
li{list-style: none;}
#div1{width: 350px;height: 60px;border: 1px solid red;position: relative;margin:0px auto;overflow: hidden;}
#div1 ul{position: absolute;left: 0;}
#div1 ul li{width: 80px;height: 60px;margin-right: 10px;float: left;background-color: blue}
</style>
<script type="text/javascript