使div填充剩余宽度

试试这样的事情：

<style>    #divMain { width: 500px; }    #left-div { width: 100px; float: left; background-color: #fcc; }    #middle-div { margin-left: 100px; margin-right: 100px; background-color: #cfc; }    #right-div { width: 100px; float: right; background-color: #ccf; }</style><div id="divMain">    <div id="left-div">        left div    </div>    <div id="right-div">        right div    </div>    <div id="middle-div">        middle div<br />bit taller    </div></div>

div自然会占用其容器的100％宽度，因此无需显式设置此宽度。通过添加与两侧div相同的左/右页边距，它自己的内容被强制置于它们之间。

请注意，“中间格”云 后 的HTML“正确的div”