Css 常用布局
两栏布局（边栏定宽主栏自适应）
方法一：float + overflow（BFC 原理）
方法二：float + margin
方法三：flex
三栏布局（两侧栏定宽主栏自适应）
方法一：圣杯布局
方法二：双飞翼布局
方法三：float + overflow（BFC 原理）
多列等高布局
方法一：padding + 负margin
方法二：设置父级背景图片
三行布局（头尾定高主栏自适应）
<div class="layout">
<header></header>
<main>
<div class="inner"></div>
</main>
<footer></footer>
</div>
html,
body,
.layout {
height: 100%;
}
body {
margin: 0;
}
header,
footer {
height: 50px;
}
main {
overflow-y: auto;
}
方法一：calc
方法二：absolute
