CSS 3 Div In Same Line - ! Fix With - Other two are percentage wise
<p>I have three div's and I have set float left. So all are in now same line.</p>

<p>Div 01 -</p>

<p>Div 02 - Fix Width</p>

<p>Div 03 -</p>

<p><strong>Div 02 Should Be 300 px</strong>. Other div should be same.</p>

<p>Ex : </p>

<p>If viewport is 1000px, Div 01 width=350px and Div 03 width=350px,</p>

<p>If viewport is 800px, Div 01 width=250px and Div 03 width=250px.</p>

<p>Is there way to do this without media quires? It is hard to write media queries for every viewpoints.</p>