title: How to Get Sides of Floating Div Flush with Page?
body: <p>So I have a div that I need flush with the left and right edges of the page. It also must be responsive to the proceeding layout (so the page can re-size). As far as I know, the most efficient way to do this is with a floating layout. How do I get the edges of the div flush with the edges of the screen? Here's my current CSS:</p>
  
  <pre><code>#work {
      float: left;
      width: 100%;
      height: 500px;
      background: #fff;
  }
  </code></pre>
  
  <p>I tried left: 0px and right: 0px, which obviously didn't work (probably because it's floating...)</p>
  
  <p>In the case that there's no way to do this, how would I make it flush while still responsive to the rest of the page? I get the feeling that this is one of those age-old questions of new web developers...</p>