CSS中的float（浮动）是一种常见的元素布局方式，它的工作原理是将元素从普通的文档流中脱离出来，使其能够在容器中自由地浮动。

.float-left {
float: left; /* 左浮动 */
}
.float-right {
float: right; /* 右浮动 */
}

浮动元素的布局有以下几个特点：

• 浮动元素会向上浮动，并尽可能地靠近容器的边缘。
• 浮动元素不会覆盖其他元素，而是会尽可能地避开其他元素。
• 容器不会为浮动元素留出空间，容器的高度会塌陷。

使用浮动元素时需要注意以下几个问题：

• 浮动元素需要注意其它元素的位置，避免覆盖或遮挡其他元素。
• 对于含有浮动元素的容器，需要清除浮动以避免容器高度塌陷，可以使用clear属性。
• 浮动元素的宽度默认为其内容的宽度，可以设置width属性限制其宽度。

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

总之，CSS中的float元素是CSS布局中常用的元素之一，它为网页提供了自由变化的布局方式，但也需要在使用时注意一些细节问题。