一个html页面布局的问题

一个html页面布局的问题
刚开始学习这个布局什么的完全不会啊时间比较紧希望可以得到帮助谢谢大家

<!doctype html>
<meta charset="utf-8" />
<style>
    body{background:#e4de82}
    .wrap{max-width:680px;margin:0 auto;background:#fff;padding:10px}
    .header,.footer{height:100px;background:#a09483}
    .body{height:400px;margin:5px 0;display:flex}
    .body .aside{float:left;width:20%;background-color:pink;border-right:solid 5px #fff}
    .body .content{background:#9a97ce;width:80%;}
    .footer{margin:0}
</style>
<div class="wrap">
    <div class="header"></div>
    <div class="body">
        <div class="aside"></div>
        <div class="content"></div>
    </div>
    <div class="header"></div>
</div>

菜鸟教程的html那个简单易懂，你可以去看一下，自己需要那些知识点

盒子模型，全是盒子，盒子套盒子，自己理解

你可以看下这个问题的回答https://ask.csdn.net/questions/7732033
你也可以参考下这篇文章：HTML页面乱码怎么解决？

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632