header-aside-content布局-手写css

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
    <style>
      .top{
          width:100%;
            height:60px;
            background-color: #ccc;
        }
        .left,.right{
          min-height:600px;
        }
        .left{
          float:left;
            width:200px;
            background-color: #ddd;
        }
        .right{
          margin-left: 200px;
            background-color: #aaa;
        }
    </style>
</head>
<body>
<div class="top">top</div>
<div class="left">left</div>
<div class="right">right</div>
</body>
</html>

![image.png](http://upload-images.jianshu.io/upload_images/6548635-a0fb57b3714eba7b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容