title: How to resize body with webgrid?
body: <p>Q: How can I re-size body with the width of an mvc3 webgrid (it's a wide grid view where width=100%)?</p>
  
  <p><img src="https://i.stack.imgur.com/4ZgRq.png" alt="enter image description here"></p>
  
  <p>CSS --</p>
  
  <pre><code>.webgrid   /* This works fine...stretches 100% with scrollbars at bottom of browser
  {
      width: 100%;
  }
  
  body
  {
      /* What can I put here for width: "Stretch the body the same % or length as the webgrid */
      /* width: 100% &lt;- DOESN'T WORK!!! Grid still runs over body page! */
  }
  </code></pre>
  
  <p>Razor (cshtml) --</p>
  
  <pre><code>&lt;div  id="grid" class="gen"&gt;
      @grid.GetHtml(
          tableStyle: "webgrid",...)
  </code></pre>