> 在使用 flex-wrap: wrap; 属性时，如果最后一行不满一行，且需要让其左浮动，可以使用 CSS 伪类 :nth-last-child() 来选择最后一行中的元素，并为其设置 margin-right: auto; 和 margin-left: 0;。 以下是示例代码： ```html <div class="container"> <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> <div class="box">5</div> <div class="box">6</div> <div class="box">7</div> <div class="box">8</div> <div class="box">9</div> <div class="box">10</div> <div class="box">11</div> <div class="box">12</div> <div class="box">13</div> <div class="box">14</div> <div class="box">15</div> <div class="box">16</div> </div> ``` ```css .container { display: flex; flex-wrap: wrap; } .box { width: 100px; height: 100px; border: 1px solid #000; margin-right: 10px; margin-bottom: 10px; } .box:nth-last-child(-n+4) { margin-right: auto; margin-left: 0; } ``` 在上面的示例代码中，`.box:nth-last-child(-n+4)` 选择了最后一行中的 4 个元素，并为它们设置了 `margin-right: auto; 和 margin-left: 0;`，从而实现了最后一行元素向左浮动的效果。