网页布局的发展历程

这篇文章是网页布局的发展历程，主要包括表格布局、position 布局、浮动布局、栅栏布局、flex 布局和 grid 布局。

HTML 最初是用来定义网页结构的，页面内容从上到下依次显示，后来为了让页面可以有更多的样式，html 添加了改变元素样式的标签，比如 b 标签可以加粗、i 标签可以将文字改为斜体，但随着页面内容的丰富，页面如何布局成为了问题。

表格布局

后来人们发现，对于页面布局来说，表格是一个有力的工具。到了1996年，表格布局流行了起来。最初的 HTML 规范当中，表格的初衷其实是用来组织表状（以行列划分）数据的，但很快大家就意识到，单元格里面可以放各种 HTML 元素，于是整个表格就成了一个二维的页面布局。

在1997年的时候，David Siegel 研究出了表格布局技术，尽管表格本身是用来承载数据的，用来承载内容和图片有点奇怪，但是在那个时代，这种方法依然显得颇为靠谱，并且大行其道。

表格布局的优点是：布局容易、快捷、兼容性好。比如垂直对齐，以像素为单位或者以百分比来控制对齐。在那个时代，表格可是灵活的设计神器。但也存在明显的缺点：比如改动不便，需要重新调整，工作量大。

position定位

1990年代末浏览器厂商们达成了共识，决定逐渐淘汰展示类标签。同时，CSS（Cascading