    

       

    
       
              

<header class="header">

left

right

</header> .header{

       background-color: #ccc;
       padding:1px;
   }   
   .wrap{
       margin:10px auto;
       max-width:1280px;
       min-width:1024px;
   }
   .hLeft{
       float:left;
       border:1px solid #999;
       width:15%;
       height: 50px;
   }
   .hRight{
       /*overflow: hidden;
       zoom:1;*/
       height:50px;
       border:1px solid #999;
       margin-left:15%;
   }
   .box{
       height: 30px;
       background-color: red
   }

    

              

     

              

  ·    

              

     ·       ·  

              