CSS定位屬性是進行網頁布局的重要手段之一，其中比較常用的兩個屬性是position和float。

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

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

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