Question

我正在使用第8个Wall Web应用程序，但这更多是css问题。因此，我将这些html元素显示在其样式为z-index的屏幕上：10（这是html元素通过8th wall web出现的css要求）。这些元素是这样的：

/*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>

但是由于旋转，结果看起来像这个图像https://imgur.com/OdBbwuK。如何摆脱元素之间的空间？

Answer 1

删除top:38%;中的scrolling_container元素，然后删除padding_top:120px;中的#button_collection元素

如何删除html div元素之间的间距？

1 个答案: