创建具有相同宽度的向左浮动的div框的问题

<div class="float-box"></div>
<div class="float-box"></div>
<div class="float-box"></div>

.float-box {
  width: 33.33%; /* 三个div平均分为三列，每列宽度为总宽度的1/3 */
  float: left; /* 向左浮动 */
  box-sizing: border-box; /* 盒模型设置为border-box，使宽度包括边框和内边距 */
  border: 1px solid #000; /* 边框样式 */
  padding: 10px; /* 内边距样式 */
}