<section class="w">
块级标签
<header class="h">头部标签</header>
<nav class="h">导航标签</nav>
<section class="clearfix">
块级标签
<aside>侧边栏标签</aside>
<article>内容标签</article>
</section>
<footer class="h">尾部标签</footer>
</section>
.w {
margin: 0 auto;
width: 1200px;
}
.h {
height: 60px;
line-height: 60px;
}
.clearfix:after {
content:"";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
/* 并集选择器,统一设置 */
header,nav,aside,article,footer {
background-color: orange;
margin: 10px;
text-align: center;
border-radius: 3px;
font-size: 20px;
font-weight: 700;
color: #333;
}
aside {
float: left;
width: 200px;
height: 600px;
}
article {
float: left;
width: 960px;
height: 600px;
}