float，flex布局兩種方式都可以。 其實還有g(shù)rid布局也能實現(xiàn)，只不過你說對css不是特別熟悉，grid目前的兼容性也還不是特別好，這里就不說了。
假設(shè)html結(jié)構(gòu)為

<div class="grid-container">
    <div class="grid-item"></div>
    <div class="grid-item"></div>
    <div class="grid-item"></div>
    <div class="grid-item"></div>
    <div class="grid-item"></div>
    <div class="grid-item"></div>
</div>

1. 若用float方式，只需設(shè)置

   .grid-container {
       overflow: hidden;
   }
   .grid-item {
      float: left;
   }

2. 若采用flex布局方式

    .grid-container {
        display: flex; 
        flex-wrap: wrap;
    }
    .grid-item {
       width: xxxx;  //此處需指定寬度
    }