CSS定位屬性是進(jìn)行網(wǎng)頁布局的重要手段之一，其中比較常用的兩個(gè)屬性是position和float。

/* position屬性 */
.item {
position: relative;
left: 50px;
top: 30px;
}
/* float屬性 */
.item {
float: left;
width: 200px;
margin-right: 20px;
}

position屬性控制元素的絕對定位。通過設(shè)置left和top等屬性，可以精確地指定元素距離頁面左上角的位置。常見的取值包括relative（相對于自身位置定位）、absolute（相對于最近的非static祖先元素定位）和fixed（相對于瀏覽器視窗定位）。在定位屬性應(yīng)用時(shí)，元素會(huì)從正常的文檔流中脫離，可能導(dǎo)致頁面布局的變化。

float屬性控制元素在容器內(nèi)的浮動(dòng)方向。設(shè)置為left或right時(shí)，元素會(huì)盡可能地靠近容器左側(cè)或右側(cè)，剩余的空間將由其他元素填補(bǔ)。該屬性對于實(shí)現(xiàn)多列布局非常有用，也可以用于實(shí)現(xiàn)圖片環(huán)繞文字的效果。需要注意的是，浮動(dòng)元素不能占據(jù)容器的高度，需要使用clear屬性清除浮動(dòng)，以防止其對后續(xù)布局的影響。