title: How can I get elements to ignore margins?
body: <p>My page has a small margin on the body to keep text from being to close to the edge of the screen. But the problem is I want divs to start and end on the edge of the screen  to get a effect like the purple on <a href="http://getbootstrap.com/" rel="nofollow">this page</a>. My divs have the IDs of "div1" and "div2" what can I add to my css to get the divs to ignore the margin of the body but still have every other element keep within the margin?</p>
  
  <p>CSS:</p>
  
  <pre><code>*
  {
     margin:3px:
  }
  </code></pre>