CSS是層疊樣式表的縮寫，用于定義文檔的樣式和布局。CSS定位是指通過CSS設置HTML元素的位置，包括相對、絕對和固定定位。

/* 相對定位 */
.relative{
position: relative;
left: 50px;
top: 50px;
}
/* 絕對定位 */
.absolute{
position: absolute;
left: 0;
top: 0;
}
/* 固定定位 */
.fixed{
position: fixed;
right: 0;
bottom: 0;
}

DIV布局是指使用DIV元素創建網頁的布局。DIV是一個容器，可以包含文本、圖像、鏈接等其他HTML元素。DIV布局常用于響應式設計和網格布局。

/* 網格布局 */
.grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 10px;
}
/* 響應式設計 */
@media screen and (max-width: 768px){
.grid{
grid-template-columns: 1fr;
grid-template-rows: auto;
}
}

使用CSS定位和DIV布局，可以創建各種創新的網頁設計和用戶界面。定位可以精確地控制元素的位置和層級，而DIV布局可以幫助我們實現靈活和可適應的設計。