[html] 实现九宫格布局

    <style>
       .container::after{
           content: "";
           display: block;
           clear: both;
       }
       .box{
           float: left;
           width: 32%;
           padding-bottom: 32%;
           background-color: red;
           margin-bottom: 1%;
       }
       .box:not(:nth-child(3n)){
           margin-right: 1%;
       }
   </style>
   <div class="container">
       <div class="box"></div>
       <div class="box"></div>
       <div class="box"></div>
       <div class="box"></div>
       <div class="box"></div>
       <div class="box"></div>
       <div class="box"></div>
       <div class="box"></div>
       <div class="box"></div>
   </div>

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题