用Html5制作简单的6列自适应布局

<div id="container">
    <h2>6列布局</h2>
    <div class="cols cols6">
       <section class="first col">
          <header>
             <h3>布局单元1</h3>
          </header>
          <p>布局单元内容区</p>
        </section>
        <section class="col"></section>
        <section class="col"></section>
        <section class="col"></section>
        <section class="col"></section>
        <section class="col"></section>
    </div>
</div> <div id="container">
    <h2>6列布局&