title: Is it ever useful to specify percentages (ie. width: 25%) for divs in CSS
body: <p>I noticed questions asking about positions and dimensions of divs get asked a lot, observe:</p>
  
  <ol>
  <li><a href="https://stackoverflow.com/questions/4285483/side-by-side-divs">Side by side divs</a></li>
  <li><a href="https://stackoverflow.com/questions/10656698/divs-side-by-side-in-container">divs side by side in container</a></li>
  <li><a href="http://welovecss.com/showthread.php?t=465" rel="nofollow noreferrer">2 divs side by side</a></li>
  </ol>
  
  <p>But I find a great deal --granted not all-- hard code the dimensions of the div. I mostly work with percentages as I prefer to have my divs be in relative positions. I start out by specifying a width/height percentage in my <code>css</code> file like so</p>
  
  <pre><code>div #menu {
     width: 75%;
     min-width: 75%;
  }
  </code></pre>
  
  <p>but then having to force the minimum width with jQuery later like so:</p>
  
  <pre><code>function onload ()
  {
     $( "#menu" ).css( "min-width", 0.75 * window.width() ) );
  }
  </code></pre>
  
  <p>I feel like a bit of a moron declaring CSS code all over the place, so my question is this: Should I even bother specifying the width/min-width property in the css stylesheet, or is there a better way to handle these situations.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/pukster/tDBSf/1/" rel="nofollow noreferrer">jsfiddle example</a> which illustrates the problem I am running into.</p>