在Web開發中，CSS布局算是最基本的技能之一。在布局方面，經典布局依然是有價值的，這里就來簡要總結一下。

1.盒子模型（Box Model）：在經典布局中，采用盒子模型可以更好的理解元素的位置。一個盒子由4個區域組成：內邊距、邊框、外邊距和內容。通過修改這四個區域的屬性值，可以輕松地實現各種布局效果。

.box {
border: 1px solid #ccc;
margin: 10px;
padding: 20px;
}

2.浮動（Float）：浮動是CSS布局中非常重要的一個概念。通過將元素設置為浮動狀態，可以使它們在頁面上左右排列，還可以設置寬度、邊距、內邊距等各種屬性，從而實現各種經典布局效果。

.box1 {
float: left;
width: 50%;
}
.box2 {
float: right;
width: 50%;
}

3.定位（Position）：定位和浮動一樣，也是一種常用的布局方式。通過將元素設置為相對或絕對定位，可以使其脫離原有的文檔流，然后使用top、left、right、bottom這些屬性來定位元素。

.box {
position: relative;
top: 50px;
left: 50px;
}

4.表格布局（Table Layout）：表格布局雖然已經不是最先進的布局方式，但它仍然是一種可靠而穩定的布局方式。通過將元素設置為表格或表格單元格，可以輕松地實現各種復雜的布局效果。

T1
T2
T3
T4

經典布局雖然已經不是最先進的布局方式，但在一些簡單的頁面中，它們仍然可以派上用場，是我們必須掌握的基本技能。如果掌握好這些技能，對于復雜布局的實現，應該也會事半功倍。