CSS div彈性布局是一種相對于傳統布局更加靈活的布局方式，實現響應式網頁設計的關鍵技術之一。

在傳統布局中，我們需要使用像素或者百分比來定義元素的寬度和高度，如果瀏覽器窗口尺寸改變，網頁布局也會隨之改變，這使得設計人員需要為不同的設備創建多個版本的頁面，增加了開發成本。

彈性布局通過使用彈性盒子(也稱為Flexbox)的技術來實現自適應布局。彈性盒子是一個面向容器和容器內項目的布局模型，它可以根據容器的尺寸和方向動態地調整子元素的大小和位置。

.container {
display: flex; /* 設置容器為彈性盒子 */
flex-direction: row; /* 設置主軸方向為水平方向 */
}
.item {
flex: 1; /* 設置項目的伸縮比例為1，即均分容器的空間 */
}

上面的代碼展示了一個簡單的彈性布局，容器中有多個項目，每個項目的伸縮比例都為1，它們將均分容器的空間，隨著容器尺寸的改變，項目的大小和位置也會相應地進行調整。

此外，彈性布局還支持主軸對齊方式、交叉軸對齊方式、排列方向等屬性，使得設計人員可以更加靈活地控制布局，實現更好的用戶體驗。