html - 宽屏幕上的 CSS float 对齐不均匀

Question

在较宽的屏幕分辨率下，小部件区域 2 和 3 之间的间隙明显大于小部件区域 1 和 2 之间的间隙，这使得这 3 个区域看起来不均匀。

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    width: 332px;
}

.footer-widgets-1 {
margin-right: 36px;
}

.footer-widgets-1,
.footer-widgets-2 {
    float: left;
}

.footer-widgets-3 {
    float: right;
}

在使用 float: left on & a single float:right 时，有没有办法确保所有 3 个之间的间距均匀？

Answer 1

  <div class="widget-group">

     <div class="footer-widgets-1">
     </div>
     <div class="footer-widgets-2">
     </div>
     <div class="footer-widgets-3">
     </div>

  </div>
.widget-group
{
     width: 1068px;
     margin: 0 auto;
     display: block;
     overflow: hidden;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    width: 332px;
    margin-right: 36px;
    float: left;
}

.footer-widgets-3 {
  margin-right: 0px;
}