开发过程中的记录

圣杯布局和双飞翼布局这两个布局是对同一种效果的不同实现方法。都是实现了两边有固定宽度的盒子，中间的盒子铺满在两边盒子中间的效果，是一种常见的网页布局。圣杯：双飞翼：共同点：1、都使用了float2、中间部分在文档前面，为了优先加载区别：圣杯：左、中、右三个盒子在一个同一个盒子中，设置外侧盒子的padding，从而留出两侧盒子位置双飞翼：左、中、右三个盒子同级，在中间盒子里放一个小盒子，设置小盒子的margin，从而留出两侧盒子位置具体实现：圣杯：<!DOCTYPE h

使用flex布局<div id="app"> <div id='top'> </div> <div id='content' > </div> </div>#app{ display: flex; flex-direction: column; } #top{ width: 100%; height: 50px; } #conten