CSS float属性
CSS float属性是CSS中最重要的布局属性之一，它可以控制元素的浮动方式，把元素从正常的文档流中拖出来，使元素可以浮动，从而形成不同的布局效果。
使用方法
使用float属性，可以在元素中设置float:left或float:right，表示元素向左或向右浮动。
.float-left {
float: left;
}
.float-right {
float: right;
}
浮动元素的父元素可以使用clear属性，表示清除浮动，使元素不会被浮动元素覆盖。
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
浮动元素可以使用margin属性来设置元素的外边距，以控制元素的位置。
.margin-left {
margin-left: 10px;
}
.margin-right {
margin-right: 10px;
}
如果要让元素不被其他元素挤占，可以使用overflow属性，设置为hidden，表示隐藏超出边界的内容。
.overflow-hidden {
overflow: hidden;
}
浮动元素的注意事项
- 浮动元素会改变文档流，其他元素会被挤压；
- 浮动元素会影响父元素的高度，使父元素变得不完整；
- 浮动元素可能会影响页面的排版，从而影响布局；
- 浮动元素可能会影响其他元素的定位；
- 浮动元素可能会影响其他元素的显示。