如何摆脱这两个div之间的空白？

Question

我有两个并排的div，我想获得利润，这样他们就可以在彼此之间保持无间隙。我已经把所有的利润都归零了，但是没有运气。

如何在中间没有差距？

HTML

 <section>
                        <div class="items">
                            <div class="item item1"></div>
                            <div class="item item2"></div>
                            <div class="item item3"></div>
                            <div class="item item4"></div>
                            <div class="item item5"></div>
                            <div class="item item6"></div>
                            <div class="item item7"></div>
                            <div class="item item8"></div>
                            <div class="item item9"></div>
                            <div class="item item10"></div>
                          </div>
                        </section>

CSS

.items {
        position: relative;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        transition: all 0.2s;
        transform: scale(0.98);
        will-change: transform;
        user-select: none;
        cursor: pointer;
        margin: 0px !important;
        padding: 0px;
      }

  .items.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1);
  }

  .item {
    display: inline-block;
    margin: 0px !important;
    padding: 0px;

    @media screen and (max-width: 500px) {

      margin: 0px;
    }
  }
}