title: Pure css way to prevent scrollbar pushing content to the left?
body: <p>Is there a way to prevent scrollbar from pushing content, or the entire page to the left with pure css? 
  I mean no hacks or anything.</p>
  
  <p>I tried two javascript solutions:</p>
  
  <p>1) Set body to overflow hidden, store the body.offsetWidth in a variable, then overflow visible and then subtract that offsetWidth with the current body.offsetWidth and apply the difference to the right margin.</p>
  
  <p>2) Calculate the offsetWidth and apply it on the wrapper div on every resize.</p>
  
  <p>What didnt work:</p>
  
  <p>1) Position absolute.</p>
  
  <p>2) Floating everything to the left was a bad idea.</p>
  
  <p>3) Leaving the scrollbar visible (Looks bad).</p>
  
  <p>4) Overflow-y hidden makes things user unfriendly.</p>