如何使用邊距使 Div 填充其他 Div 之間的剩餘空間？

使用邊距填滿剩餘空間

在 HTML 中，您設定了 div1 和 div3 的寬度，但沒有設定 div2。這會在左右列之間留下未知量的空間，這正是 div2 應該在的位置。

要讓 div2 填滿剩餘寬度，可以使用邊距。具體方法如下：

#Main {
  width: 500px;
}

#div1 {
  width: 100px;
  float: left;
}

#div2 {
  margin-left: 100px;
  margin-right: 100px;
}

#div3 {
  width: 100px;
  float: right;
}

在此 CSS 中：

• div2 的寬度未明確設定。相反，其左右邊距均設定為 100 像素。這會強制 div2 佔據 div1 和 div3 之間的空間。
• 請注意，在 HTML 中 div2 放置在 div3 之後。這確保了 div2 位於 div1 和 div3 的邊距之間，而不是被推到容器的末端。

透過這些 CSS 更改，div2 將自動填入 #Main 中的剩餘寬度容器，確保三列之間沒有空白。

以上是如何使用邊距使 Div 填充其他 Div 之間的剩餘空間？的詳細內容。更多資訊請關注PHP中文網其他相關文章！