CSS 部分：

    1. * {
    2.   padding: 0;
    3.   margin: 0;
    4. }
    5. .container {
    6.   height: 50px;
    7.   -webkit-box-sizing: border-box;
    8.   box-sizing: border-box;
    9.   overflow: hidden;
    10. }
    11. .nav {
    12.   height: 100%;
    13.   overflow-x: scroll;
    14.   overflow-y: hidden;
    15.   background-color: #999;
    16. }
    17. .con {
    18.   width: 640px;
    19.   height: 100%;
    20.   display: flex;
    21.   align-items: center;
    22. }
    23. .con > li {
    24.   text-align: center;
    25.   font-size: 16px;
    26.   width: 80px;
    27.   list-style: none;
    28. }
    29. .container ::-webkit-scrollbar {
    30.   display: none;
    31. }

    HTML 部分：

    1. <div class="container">
    2.   <nav class="nav">
    3.     <ul class="con">
    4.       <li>元素一</li>
    5.       <li>元素二</li>
    6.       <li>元素三</li>
    7.       <li>元素四</li>
    8.       <li>元素五</li>
    9.       <li>元素六</li>
    10.       <li>元素七</li>
    11.       <li>元素八</li>
    12.     </ul>
    13.   </nav>
    14. </div>