title: CSS - how to overflow from div to full width of screen
body: <p>I have a containing DIV, that I use as part of my responsive grid. It expands to the maximum width I allow which is 1280px, then margins appear for large devices. Here's my CSS + a bit of Less.</p>
  
  <pre><code>.container
  {
      margin-left:auto;
      margin-right:auto;
      max-width:1280px;
      padding:0 30px;
      width:100%;
  
      &amp;:extend(.clearfix all);
  }
  </code></pre>
  
  <p>However on some occasions I'd like to overflow sideways - lets say I have an background image or colour that needs to be full width. I'm not great at CSS - but is it possible to achieve what I want?</p>