问如何删除html div元素之间的空格？

EN

/*the css for box-* are like so:*/
.box-*{
    background-color: red; 
    transform: rotate(-70deg);
    width: 60%;
    height: 20%;
   }
    #scrolling-container{
       z-index: 10;
       position: absolute;
       display: flex;
       top: 38%;
   }
    
    #button-collections{
       display: flex;
       flex-direction: row;
       overflow: hidden;
       height: 200px;
       padding-top: 120px;
   }

 <div id="scrolling-container">
          <div id="button-collections">
              <div id="box-all"><img id="all-button" src="buttons/btn-all.png"></div>
              <div id="box-seremban"><img id="btn-seremban" src="buttons/btn-seremban.png"></div>
       </div>
    </div>