# 布局演變史 同樣的在整個WEB不斷演進的過程中，WEB布局也經歷了這幾個階段：表格布局、浮動布局、定位布局、Flexbox布局等。未來還會有像Grid網格布局這樣的新型產物，那其實每種布局的出現再當時都很有意義。接著我們看下每種布局。 ## 表格布局 歷史上最早的一個網頁是在1990年12月20日，由歐洲核子研究組織(CERN)的科學家蒂姆.伯納斯.李在瑞士的研究中心創建的，最初僅為CERN內部的科學家所使用。直到1991年8月份才對外開放。傳說中這個頁面長得像下面這樣的截圖：  其實最早的時候我們介紹過，網頁就只有文字信息和圖片組成。為了讓頁面好看一些，在當時最主要的還是依賴于HTML中的table來實現的。在那時候編輯網頁用的最多的就是DW、FrontPage這樣的IDE，可以拖拽實現一個網頁的布局。  ## 定位布局 隨著網頁的發展，越來越復雜，HTML和CSS也出現的更多的標簽和屬性，通過Table布局已經滿足不了我們的需求。這時候出現了一種布局，就是定位布局，在早期的網頁設計經常就使用css中的position屬性實現定位布局。使用這種布局可以完成一些復雜網頁的布局，但是這種形式也有一些局限性：像需要計算元素的位置，很難維護。但是這種形式現在依然也被很多前端工程師所使用來布局。 ## 浮動布局 那其實浮動的出現初衷不是為了解決布局的，而是用來處理文本的一種排版方式的。但是我們CSSer的智慧是無限的，他們將其應用于WEB布局中，而且這種方式一度成為主流的布局方式，雖說使用浮動布局的時候會產生種種問題，但是大家還是樂此不疲，直到我們要介紹的這個Flexbox出現，浮動才慢慢被取代。 ## Flexbox布局 Flexbox是CSS3中的一個新特性，這個特性解決我們以前在CSS中遇到的很多棘手的問題，像內容的伸縮與擴展、垂直居中問題、等分等。當然這個屬性也大量的運用于布局當中，特別是在對移動優先的時代下，各種終端頻頻出現。