基础布局Basic Layout

创建语义清晰的布局结构

<div class="wrapper">
    <div class="header">Header</div>
    <div class="main">Main</div>
    <div class="footer">Footer</div>
</div>

中心布局Centered Layout

创建<div class="shell">将界面居中，容器是可以独立设定的，若你只想让它在<div class="main">中生效就仅在其中添加即可，容器默认设定是max-width:91rem

<div class="wrapper">
    <div class="header">
        <div class="shell">Header</div>
    </div>
    <div class="main">
        <div class="shell">Main</div>
    </div>
    <div class="footer">
        <div class="shell">Footer</div>
    </div>
</div>