横屏滚动

<template>
  <div class="wrap">
    <div class="div">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
      <div>6</div>
      <div>7</div>
      <div>8</div>
      <div>9</div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
::-webkit-scrollbar{
  width: 0 !important;
}
.wrap {
  height: 500px;
  width: 100%;
  overflow: auto;
  .div {
    width: 20000px;
    height: 500px;
    div {
      float: left;
      border: 1px solid red;
      width: 700px;
      height: 500px;
    }
  }
}
</style>