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

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

DIV布局是指使用DIV元素創(chuàng)建網(wǎng)頁的布局。DIV是一個(gè)容器，可以包含文本、圖像、鏈接等其他HTML元素。DIV布局常用于響應(yīng)式設(shè)計(jì)和網(wǎng)格布局。

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

使用CSS定位和DIV布局，可以創(chuàng)建各種創(chuàng)新的網(wǎng)頁設(shè)計(jì)和用戶界面。定位可以精確地控制元素的位置和層級(jí)，而DIV布局可以幫助我們實(shí)現(xiàn)靈活和可適應(yīng)的設(shè)計(jì)。