CSS+DIV布局是現(xiàn)代網(wǎng)站設(shè)計中最常用的一種布局方式。使用CSS可以輕松地定義網(wǎng)頁文檔的外觀，并且DIV的使用也能夠讓頁面的布局更加的清晰。彈性布局是指在不改變元素尺寸、字號、或內(nèi)部元素尺寸的前提下，通過調(diào)整元素的間距來適應(yīng)容器的尺寸的一種布局方式。

.container{
display:flex;
justify-content:center;
align-items:center;
}

上面的代碼是一個實現(xiàn)彈性布局的示例。使用display:flex可以讓父容器成為彈性容器，并且通過justify-content來表示在主軸方向上元素的對齊方式，align-items則是在交叉軸上的對齊方式。

.item{
flex:1;
}

上面的代碼則是針對子元素的樣式定義。使用flex可以控制元素的寬度，當flex為1時，表示該元素在剩余空間中占據(jù)1份。也就是說，假設(shè)有三個元素，每個元素flex為1，則每個元素平均占據(jù)剩余空間的1/3。

CSS+DIV布局的優(yōu)點在于其靈活性和可擴展性。不論是網(wǎng)頁設(shè)計師還是開發(fā)者，只需要掌握一定的基本技能就能夠完成各種復雜的頁面設(shè)計和開發(fā)任務(wù)。而彈性布局則是相對更加的方便和快捷，能夠讓頁面自適應(yīng)不同的屏幕尺寸，提高用戶體驗。