}
.aside-1{
order:1;
}
.main{
order:2;
}
.aside-2{
order:3;
}
.footer{
order:4;
}
}
</style>
XML/HTML Code复制内容到剪贴板
<div class="wrapper">
<header class="header">顶部</header>
<article class="main">
<p>我在中间显示的文字</p>
</article>
<aside class="aside aside-1">我在左边显示的文字</aside>
<aside class="aside aside-2">我在右边显示的文字</aside>
<footer class="footer">底部</footer>
</div>
