浮动是 CSS 布局中的一种常见技巧，通过给 HTML 元素添加浮动属性，可以让元素在页面中自由地漂浮起来，而不会被其他元素所遮挡。

在 CSS 中，浮动属性用于控制元素在水平方向上的布局方式，可选的值包括 left、right 和 none。左浮动的元素会沿着父元素左侧对齐，右浮动的元素会沿着父元素右侧对齐，而没有浮动的元素会按照文档流的顺序排列。

浮动元素对于页面布局来说非常有用，可以用于创建复杂的多栏布局、实现图片环绕文字等效果。但需要注意的是，浮动元素可能会导致一些布局问题，比如遮挡、错位等。为了解决这些问题，可以使用 CSS 的清除浮动技巧，比如通过给父元素添加 clear 属性来清除浮动。

/* 左浮动 */
.float-left {
float: left;
}
/* 右浮动 */
.float-right {
float: right;
}
/* 清除浮动 */
.clearfix::after {
content: "";
display: block;
clear: both;
}

总的来说，浮动是 CSS 布局中一个重要的技巧，可以用于实现复杂的页面布局和视觉效果，但需要注意浮动元素可能会带来的一些布局问题，以及如何使用 CSS 的清除浮动技巧来解决这些问题。