CodePen

HTML

            
              <div id="container">
  <div id="sidebar">
    <p>This is the sidebar.</p>
  </div>
  <div id="content">
    <h1>Main Content</h1>
    <p>This is the flexible main content area.</p>
  </div>
</div>
            
          
!
via HTML Inspector

CSS

            
              body, html {
  height: 100%;
}

#container {
  background: #b00b00;
  border-left: 300px solid #bada55;
  min-height: 100%;
}

#sidebar {
  float: left;
  width: 280px;
  padding: 10px;
  margin-left: -300px;
}

#content {
  padding: 10px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................