title: CSS - Percentages or Pixels?
body: <p>I have been using CSS for many years now, and I have always been a 'percentage' kind of guy, as in I always define heights and widths using percentages as opposed to pixels (except, for example, when setting things such as margins, padding, etc, in which case I use pixels).</p>
  
  <p>I would do something like this:</p>
  
  <pre><code>body{
      height: 99%;
      width: 99%;
      margin-top: 10px;
  }
  </code></pre>
  
  <p>but I often see examples such as this:</p>
  
  <pre><code>body{
      height: 300px;
      width: 250px;
      margin-top: 10px;
  }
  </code></pre>
  
  <p>My question is this: are there any benefits to using one over the other <strong>overall</strong>, and if so, what are they?</p>