一个100%宽度的div和一行中的两个固定div

Question

我需要一行三个div.

一个是尺寸200px,第二个300px,最后一个div应该是剩下的.

为什么我的最后一个div在新的一行？

<div style="float: left; width: 200px; background: #223355">a</div>
<div style="float: left; width: 300px; background: #223344">b</div>
<div style="float: left; width: 100%; background: #334455">c</div>

Answer 1

正如其他人所说 100% 是页面宽度的 100%..但我不同意用户所说的不能用“普通”CSS 来完成的观点

<div style="float: left; width: 200px; background: #223355">a</div>
<div style="float: left; width: 300px; background: #223344">b</div>
<div style="overflow: hidden; background: #334455">c</div>