为什么 div 在 float :left 时一直向右浮动？

Question

我正在尝试让 div 对齐到此页面的 'featured' 部分：http://paulsavagejr.com/home.html。相反，div 与屏幕右侧对齐，即使它的代码中包含 float:left。

我想也许如果我在之前的 div 上定义高度，它会迫使它下降到正确的位置，但那没有用。我还尝试了 display:inline-block 作为替代方案，看看是否有帮助，但只会让 div 更加不合适。

div 的代码是：

#clients {
float: left;
background-color: #E2E3E5;
color: #1A1B1D;
width: 19%;
padding-left: 3%;
padding-right: 3%;
padding-top: 20px;
padding-bottom: 20px;
}

完整样式 sheet 可在此处找到：http://www.paulsavagejr.com/assets/css/style-desktop.css

如有任何帮助，我们将不胜感激。特别是，据我所知，使用 display:inline-block 可能会影响 div 的外观，这更适合布局。由于某种原因，我一直无法掌握它。

Answer 1

在样式表的第 123 行，删除 float: left;，总而言之，您现在应该只有这个：

CSS:

#clients {
    background-color: #E2E3E5;
    color: #1A1B1D;
    width: 19%;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 20px;
    padding-bottom: 20px;
}

为什么 div 在 float :left 时一直向右浮动？

Why is the div floating all the way to the right when it is float :left?

html

css

css-float