经典左右布局demo

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>test</title>
   
    <style>
    .layout .sidebar { float: left; width: 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>

posted on 2017-05-19 13:32 yutingliuyl 阅读(115) 评论(0) 编辑收藏举报