首頁 >web前端 >css教學 >其他DIV放置完畢後,如何讓一個DIV填滿其容器的剩餘寬度?

其他DIV放置完畢後,如何讓一個DIV填滿其容器的剩餘寬度?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-03 04:39:10589瀏覽

How Can I Make a DIV Fill the Remaining Width of its Container After Other DIVs are Positioned?

用 DIV 填滿剩餘寬度

通常需要將容器 div 的剩餘寬度分配給另一個 div。在給定的範例中,目標是讓「div2」填充「div1」和「div3」佔用其分配空間後剩餘的寬度。

要達到此目的,請使用以下CSS:

說明:

  • 「div」自然佔據除非另有明確定義,否則為容器寬度的100%。
  • “div1”和“div3”分別被賦予固定寬度和“float: left”和“float: right”,以將它們在兩側對齊。
  • 「div2」在 HTML 中位於「div3」之後。
  • 「div2」接收等效的左右邊距為「div1」和「div3」的寬度。這會迫使其內容佔據容器內的剩餘空間。

以上是其他DIV放置完畢後,如何讓一個DIV填滿其容器的剩餘寬度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn