经典左右布局demo

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>test</title>
   
    <style>
    .layout .sidebar { float: left; 150px; background: #fce3c5; height: 300px; }
    .layout .primary { margin-left: 170px; background: #fce3c5; height: 300px; }

    </style>
</head>
<body>

   <div class="box bg layout clearfix">
       <div class="sidebar">AAA</div>
       <div class="primary">BBB</div>

</div>

</body>

</html>