CSS+DIV布局作為一門前端技術，能夠快速實現頁面布局，自然受到了廣泛的關注和使用。下面我們介紹一些基礎知識和技巧。

首先，清除默認樣式是必不可少的。在CSS文件里加入下面的代碼：

*{
margin: 0;
padding: 0;
}

這樣可以清除所有元素的margin和padding，以免出現奇怪的布局問題。

接下來我們來談一下典型的布局方式。經典的布局方式有三種：

一種是定寬布局，也就是設置頁面寬度固定，一般為960px，寬度不隨窗口大小改變而改變。代碼如下：

#container{
width: 960px;
margin: 0 auto;
}

其中，#container為容器的id，margin:0 auto可以使容器相對于父元素水平居中。

第二種布局方式是流式布局，頁面寬度隨窗口大小改變而改變。代碼如下：

#container{
width: 100%;
max-width: 960px;
margin: 0 auto;
}

其中，max-width用于限制頁面寬度不超過960px。使用流式布局可以適應不同設備的屏幕大小，提升用戶體驗。

第三種布局方式是彈性布局，也被稱為響應式布局。它能夠根據不同的設備和屏幕大小，動態地調整頁面布局，適配不同的屏幕大小。代碼如下：

#container{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

其中，display:flex表示使用flex布局，flex-wrap:wrap表示自動換行，justify-content:center表示在容器里居中對齊子元素。

以上是常見的布局方式，結合具體的頁面需求和設計，選擇適合的布局方式能夠減少代碼冗余、提高開發效率和用戶體驗。