1，总结
2，代码演示
<body>
<!-- 头部 -->
<header>
<h1>尚品汇</h1>
</header>
<hr>
<!-- 主导航区 -->
<nav>
<a href="#">首页</a>
<a href="#">订单</a>
<a href="#">我的</a>
<a href="#">购物车</a>
</nav>
<hr>
<!-- 主要内容 -->
<div class="page-content">
<!-- 侧边栏 -->
<aside style="float: right;">
<nav>
<ul>
<li><a href="#">秒杀专区</a></li>
<li><a href="#">护院专区</a></li>
<li><a href="#">领取优惠区</a></li>
<li><a href="#">品牌专区</a></li>
</ul>
</nav>
</aside>
<!-- 文章 -->
<article>
<h2>《如何一夜暴富》</h2>
<section>
<h3>第一种方式：可以做梦</h3>
<p>你要这么做梦xxxxxxxxxxxx</p>
</section>
<section>
<h3>第二种方式：可以做梦</h3>
<p>你要这么做梦xxxxxxxxxxxx</p>
</section>
</article>
</div>
<hr>
<footer>
<a href="#">友情链接1</a>
<a href="#">友情链接2</a>
<a href="#">友情链接3</a>
<a href="#">友情链接4</a>
</footer>
</body>3，运行结果
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
