Question

I need three divs in one line.

One is size 200px, second 300px and last div should be what’s left.

Why is my last div in a new row?

<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

AS others have said 100% is 100% of page width.. but I disagree with user who says it can’t be done with ‘plain’ 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>