如何让div占据父容器的剩余宽度？

掌握 Div 对齐：使 Div 占据剩余宽度

您的任务是使名为“div2”的 div 占据父容器内的剩余空间div，“主要”。以下是为此场景提供的 HTML 代码段：

<div>
<p>要实现您的目标，请使用以下 CSS 代码：</p>
<pre class="brush:php;toolbar:false">#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”之后，以确保正确对齐。