如何讓div佔據父容器的剩餘寬度？

掌握Div 對齊：讓Div 佔據剩餘寬度

您的任務是讓名為「div2」的div 佔據父容器內的剩餘空間div，「主要」。以下是為此場景提供的HTML 程式碼片段：

<div>

要實現您的目標，請使用以下CSS 程式碼：

#divMain { width: 500px; }
#div1 { width: 100px; float: left; background-color: #fcc; }
#div2 { margin-left: 100px; margin-right: 100px; background-color: #cfc; }
#div3 { width: 100px; float: right; background-color: #ccf; }

說明：

• div本質上佔據了其父級的整個寬度
• 透過為「div2」分配等於「div1」和「div3」寬度的左右邊距，其內容被有效地限制在這些邊距內。
• HTML 的序列元素至關重要：「div2」必須出現在「div3」之後，以確保正確對齊。

以上是如何讓div佔據父容器的剩餘寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！