三栏布局总结--浮动/绝对/flex/grid网格/table表格/双飞翼/圣杯

本篇博客所有的代码均在github上： https://github.com/zuxian/ 高度已知，其中左栏、右栏宽度已知，中间自适应 1，浮动布局 什么是父元素高度塌陷： 在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当子元素设置浮动之后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。 浮动布局的优点：简单，兼容性也

>>阅读原文<<