关于五种三栏布局

1、关于浮动三栏布局： 缺点：元素浮动后会产生浮动后带来的影响 比如margin塌陷的问题。 优点：比较简单 兼容性比较好 关于解决浮动的影响 另一篇博客有写。 2、关于定位三栏布局： 缺点：元素定位后会脱离文档流 有效性和可用性较差 优点： 方便快捷 不易出问题 会容易就想到 3、flex三栏布局： 优点：css3 新出的 是前两种的优化版 比较完美 移动端用的多 缺点：不兼容IE8以下 4、table三栏布局： 优点：兼容性好 很方便 方式比较有历史感 缺点：其中一个单元格高度超出 两侧的高度跟着一起超出 5、grid三栏布局： 优点：是一项新技术。