CSS的設計初衷之一就是為了解決網頁布局問題。采用CSS進行布局，可以使得網站頁面更加美觀、靈活和易于維護。但是，CSS的布局并不是一蹴而就的，經歷了很多年的演進，才逐漸成為了今天我們所熟知的樣子。

最早期的CSS布局采用的是表格布局。表格布局可以很好地實現網站布局的需求，但它有很多致命缺點，比如難以實現響應式設計，增加網頁的復雜性等等。所以，表格布局逐漸被棄用了。

<table>
<tr>
<td>這是一段文本</td>
<td>這是另一段文本</td>
</tr>
</table>

在表格布局的基礎上，出現了另一種布局方式——浮動布局。浮動布局通過“浮動”的方式，實現了各種網站布局。但是，浮動布局也存在很多缺點，比如不能實現垂直居中，不穩定等等。

div{
float:left;
}

為了解決上述問題，CSS3推出了彈性布局、網格布局等新型布局方式，它們兼具了以前布局方式的優點，并且增加了很多新特性，如自適應調整、響應式設計等等。所有這些新布局方式都可以很好地滿足網站布局的需求。

div{
display:flex;
}

總之，CSS布局的演化過程，是在與不斷解決網站布局需求中的完美展示。我們不能停止去探索各種優秀的布局方法，讓我們的頁面有更好的呈現效果和用戶體驗。