title: CSS calc() - Multiplication and Division with unit-ed values
body: <p>Is it possible to use calc() to multiply or divide with unit-based values (like 100%, 5px, etc).</p>
  
  <p>For example I was hoping to do something like this:</p>
  
  <pre><code>width: calc(100% * (.7 - 120px / 100%));
  </code></pre>
  
  <p>Hoping it resolved to something like (assuming 100% = 500px):</p>
  
  <pre><code>width: calc(500px * (.7 - 120px / 500px));
  width: calc(500px * (.7 - .24));
  width: calc(500px * .46);
  width: calc(230px);
  </code></pre>
  
  <p>However after some experimenting it looks like I can't have a unit-based value as the denominator for division. </p>
  
  <p>I also don't seem to be able to multiple two values together like <code>5px * 10px</code> or <code>5px * 100%</code>.</p>
  
  <p>I know it doesn't make sense in 100% of the cases to allow this, but in my use-case, I'd like to know what percentage 120px is of the overall width, which I then feed in to the rest of my calculation.</p>
  
  <p>Either that, or if someone could figure out a different way to write it, that would work as well. I've racked my brain and couldn't come up with anything.</p>