title: CSS: Increase div width, incrementally, with size of browser window
body: <p>I have a div that I want to scale in intervals with the size of the browser. I can do this easily with js or jQuery, but I think there is a CSS only solution. Maybe media-query is one solution, but maybe there is a simpler one?</p>
  
  <p>As the window size increases by 100px, I want to add another 100px to the width of my div. I only want to increase the div's width in 100px increments, so using % does not seem like an option.</p>