在設計網頁時，CSS可以用兩種不同的方式來控制元素的位置和排布：浮動和定位。浮動是一種讓元素“漂浮”在其他元素之上的方法，可以使元素排成多列或多行。而定位則是一種更加精確的方法，可以讓元素在頁面中精確定位。

下面我們分別介紹一下浮動和定位的用法：

/* 以下是浮動的示例代碼 */
.box {
float: left;
width: 50%;
}

上面的代碼將.box元素設置為向左浮動，并占據父元素寬度的50%。這個技巧常用于制作兩列布局，同時也可以用于制作圖片排列等效果。

/* 以下是定位的示例代碼 */
.box {
position: absolute;
top: 0;
left: 0;
}

上面的代碼將.box元素設置為絕對定位，同時將top和left屬性設置為0，這個元素會定位在父元素的左上角。這個技巧常用于設計帶有彈出框或滾動效果的頁面。

一般來說，在實現復雜布局或需要精確控制元素位置時，我們應該使用定位。但是在制作簡單的布局或需要讓元素自適應屏幕大小時，浮動可以提供更好的效果。

最后還要注意的一點是，不要濫用浮動或定位，否則可能會導致頁面布局的混亂或元素位置錯亂。在實際開發中，應該根據具體情況選擇合適的方法來處理元素位置與排布。