漂浮着砌体

Question

我正在使用Masonry建立我的组合网站。我用3列构建了我的网站。 但是我注意到如果我向左浮动，只有右上方的列会像我想要的那样（像砌体）。如果我向右浮动，只有左上方的列会表现得像我想要的那样。 有没有人知道解决这个问题，并且可以使我的其他两列的行为方式相同？ 这是CSS，我认为问题在于：     `.grid-item {width：33％;}     .grid-item - width2 {width：33％;}     .grid-item - width3 {width：33％;}

*{box-sizing:border-box;}

.grid:after {
  content: '';
  clear: both;
}

.grid-item {
  width: 33%;
  float: left;
  border: 5px solid #FFFFFF;
}

.grid-sizer,
.grid-item {
  width: 33%;`