以下是 float 属性的一些常见用法和值：
1. 浮动元素：
- float: left;：元素向左浮动。
- float: right;：元素向右浮动。
2. 清除浮动：
- clear: left;：元素不允许在左侧有浮动元素。
- clear: right;：元素不允许在右侧有浮动元素。
- clear: both;：元素不允许在左侧和右侧有浮动元素。
3. 注意事项：
- 当元素浮动时，它会脱离正常文档流，可能导致父元素的高度塌陷。
- 为了解决高度塌陷的问题，可以使用 clearfix 或其他清除浮动的方法。
示例：
/* 浮动元素 */
.float-left {
float: left;
}
.float-right {
float: right;
}
/* 清除浮动 */
.clearfix::after {
content: "";
display: table;
clear: both;
}
注意： 虽然 float 属性仍然在某些情况下有用，但在现代 CSS 布局中，更推荐使用 Flexbox 和 Grid 等新的布局技术，因为它们提供更灵活且强大的布局选项。
转载请注明出处：http://www.zyzy.cn/article/detail/4187/CSS