title: Float two DIVs by width in px and percentage
body: <p>How to <code>float</code> two <code>DIV</code>s side by side as the width of one is defined in pixel and the other should fill the available width in the parent <code>DIV</code>? The point is that the content of second <code>DIV</code> may be blank; thus, I cannot leave its width empty.</p>
  
  <pre><code>.div1 {
  float:left;
  display:block;
  width:200px
  }
  
  .div2 {
  float:left;
  display:block;
  width: [... 100% - 200px ...]
  } 
  </code></pre>