<html
<head>
<style>
header,main,footer {
width: 1000px;
margin: 0 auto;
}
header {
height: 150px;
background-color: silver;
}
main {
height: 500px;
background-color: #bfa;
margin: 10px auto;
}
nav,article,aside {
float: left;
height: 100%;
}
nav {
width: 200px;
background-color: yellow;
}
article {
width: 580px;
background-color: orange;
margin: 0 10px;
}
aside {
width: 200px;
background-color: pink;
}
footer {
height: 150px;
background-color: red;
}
</style>
</head>
<body>
<header>【创建头部】</header>
<main>
【创建网页的主体】
<nav>【左侧导航】</nav>
<article>【中间的内容】</article>
<aside> 【右边的边栏】</aside>
</main>
<footer>【网页的底部】</footer>
</body>
</html>