CSS 中的 “float” 属性允许我们将元素设置为浮动状态。使用浮动模块技术可以让网站布局更加灵活。

为了使用浮动模块，我们需要为元素设置float属性，并指定其方向。float 有三个可选值：left、right 和 none。通常，为了实现网站响应式布局，我们将 float 设置为none。

接下来，我们需要使用clear属性来避免元素覆盖。clear 有三个可选值：left、right 和 both。如果你希望避免元素被左侧浮动元素覆盖，可以将 clear 设置为 left；同样的，如果你想避免右侧浮动元素的覆盖，可以将 clear 设置为 right。

/* 清除左浮动 */
.clear-left {
clear: left;
}
/* 清除右浮动 */
.clear-right {
clear: right;
}
/* 清除左右浮动 */
.clear-both {
clear: both;
}

现在我们可以开始使用浮动模块了。下面是如何让一个元素向左浮动：

.float-left {
float: left;
margin-right: 10px; /* 左浮动元素通常会留下一些 margin */
}

同样的，要将元素向右浮动，我们只需要设置 float 为 right：

.float-right {
float: right;
margin-left: 10px; /* 右浮动元素也需要一些 margin */
}

最后要注意的是，浮动的元素默认不会占用它们的父元素宽度（即不会撑起它们的容器）。解决这个问题的方法是为父元素设置overflow: hidden属性，或者使用 CSS 伪元素来清除浮动。下面是使用 CSS 伪元素清除浮动的代码：

.clearfix::after {
content: "";
display: table;
clear: both;
}

以上是浮动模块的基本使用方法。有了浮动模块的帮助，我们可以轻松地实现网站的响应式布局。