浮動是CSS中一種常用的布局方式，它可以將元素移到頁面的左邊或右邊，同時讓其他內容環繞它。

在CSS中，浮動元素可以通過設置 float 屬性來實現。浮動元素的常見取值為 left 和 right。

例如：
.float-left {
float: left;
}
.float-right {
float: right;
}

使用浮動元素布局，我們可以實現多種頁面布局效果，如:

1、實現多欄布局：

.left-col {
width: 200px;
float: left;
}
.right-col {
width: 200px;
float: right;
}

2、實現圖片環繞文本效果：

.img-wrapper {
float: left;
margin-right: 10px;
}

除了以上的布局方式，浮動元素在響應式設計中也有著重要的應用。在移動設備上，我們可以通過設置浮動元素的位置和寬度，來實現適配不同分辨率的頁面布局。

但是使用浮動元素布局也有一些常見的問題，例如：

1、浮動元素脫離文本流，對容器高度的影響：

.container:after {
content: "";
height: 0;
clear: both;
display: table;
}

2、浮動元素寬度自適應不方便：

.float-left {
float: left;
width: 50%;
}
.float-right {
float: right;
width: 50%;
}

總之，浮動元素在CSS中是一種非常常見的布局方式，可以幫助我們實現多種頁面布局效果，但同時它也有著一些常見的問題需要注意。