CSS布局是網頁設計中非常重要的一部分，不同的布局方法可以讓網頁呈現出各式各樣的樣式。而浮動布局和定位布局是兩種常用的布局方法。

首先，浮動布局是指元素被浮動到頁面的特定位置。在CSS中，通過給元素添加float屬性來實現浮動效果。常用的取值有left和right，表示元素將向左或向右浮動。這種布局方法常用于多列布局。

.col-1 {
float: left;
width: 25%;
}
.col-2 {
float: left;
width: 50%;
}
.col-3 {
float: left;
width: 25%;
}

如上所示，我們通過float屬性來將三個class為col-1、col-2、col-3的元素分別向左浮動，實現了一個三列布局。

而定位布局則是指將元素固定在頁面上的某個位置。通過給元素添加position屬性來實現定位布局。常用的取值有relative、absolute和fixed。

.box {
position: relative;
}
.box .inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

如上所示，我們通過position屬性將.box元素相對定位，然后再將.inner元素絕對定位在.box內，并通過top、left、transform屬性調整其位置和布局方式，實現了一個居中顯示的盒子。

綜上所述，浮動布局和定位布局是兩種常用的布局方法。在實際的網頁設計中，可以根據不同的需求選擇不同的布局方式來實現理想的頁面效果。