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

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元素