几经改版啊,终于做出来个像样的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<style type="text/css">
*{margin: 0; padding: 0; box-sizing: border-box; }
html,body{width: 100%; overflow: hidden; }
ul{width: 400%; display: flex; list-style: none; }
li{flex:auto; height: 200px; border: 1px solid cyan; text-align: center; }
div{width: 100%; border: 1px solid red; overflow: hidden; }
.font-red{color: red; }
</style>
</head>
<body>
<div>
<ul>
<li>二哥</li>
<li>二哥二哥</li>
<li>二哥</li>
<li>二哥二哥二</li>
<li>二哥</li>
<li>二哥</li>
<li>二哥二哥</li>
<li>00二哥</li>
<