在此处输入图像说明
我想创建一个类似的结构在图像。 奇数div应该有一个特定的共同位置，偶数div应该有相同但不同的位置。
>
使用网格实现基本结构。
将Margin-Top值添加到每第二个子级。
null
.wrapper {
display: grid;
grid-template-columns: repeat(6,1fr);
grid-gap: 20px;
}
.item {
height: 200px;
width: 100%;
border: 2px dashed red;
}
.item:nth-child(2n) {
background: red;
margin-top: 30px;
}<div class="wrapper">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>