Site Layout - Left Sidebar - Basic Margin Trick

by bizamajig

HTML

<section class="sidebar">I'm a sidebar.</section>
<section class="main">I'm the main section.</section>

CSS

section.sidebar {
      width: 250px;
      position: absolute;
      top: 0;
      bottom: 0;
      background-color: green;
    }

    section.main { margin-left: 250px; }