为什么div在float：left时一直浮动到最右边？

Question

我正在尝试使div在此页面上“功能”部分下对齐： 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;
}

完整的样式表可在以下位置找到： 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;
}