為什么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;
}