<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>首页</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <link rel="shortcut icon" href="favicon.ico"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="css/sm.min.css"> <link rel="stylesheet" href="css/sm-extend.min.css"> </head> <style> /*隐藏滚轮*/ .aaa::-webkit-scrollbar { display: none; } .aaa{ background: #fff; font-size: .75rem; width: 100%; display: inline; white-space: nowrap; overflow-x: scroll; float: left; overflow-y: hidden; line-height: 40px; height: 40px; margin:0; padding:0; } .bbb{ display: inline-block; height: 39px; margin-left: 10px; color: #999; } </style> <body> <div class="aaa"> <div class="bbb">喜欢上了猪</div> <div class="bbb">喜欢上了猪</div> <div class="bbb">喜欢上了猪</div> <div class="bbb">喜欢上了猪</div> <div class="bbb">喜欢上了猪</div> <div class="bbb">喜欢上了猪</div> <div class="bbb">喜欢上了猪</div> <div class="bbb">喜欢上了猪</div> <div class="bbb">喜欢上了猪</div> </div> </body> </html>