1. CSS圣杯布局的几种实现方式：

        1. 浮动实现  2. 绝对定位实现  3. flex布局  4.表格布局  5.网格布局

优缺点：浮动是脱离文档流的实现，实现需要兼顾其他问题如高度坍塌等，但是兼容性较好；绝对定位也是脱离文档流，后续的页面布局需考虑这一点，但是好在快捷不容易出错；表格布局在普通的应用中，随着其他的table-cell的高度变化影响到自身的高度变化，但兼容性较好；网络布局display:grid 新的布局方式可以通过设置grid-template-rows和grid-template-columns轻松解决。

浮动的知识点：浮动会影响自己及之后的元素，清除浮动就是清除对之后元素的影响。

清除浮动的几种方法：1.对父级是个设置适合css高度 2.clear:both清楚浮动（原理是父容器现在必须考虑非浮动子元素的位置，而后者肯定出现在浮动元素下方，所以显示出来，父容器就把所有子元素都包括进去了。） 3. 父级div定义overflow:hidden 4. 伪类实现

2. CSS双飞翼的实现方式：

双飞翼布局是在中间栏的div中嵌套一个div，内容写在嵌套的div里，然后对嵌套的div设置margin-left和margin-right，效果上表现为左右两栏在中间栏的上面，中间栏还是100%宽度，只不过中间栏的内容通过margin的值显示在中间。大概可以用下面这张图表示：