清除浮动是CSS布局中常见的问题，因为浮动元素会脱离文档流，可能会导致父元素高度塌陷。以下是几种常用的清除浮动的方法：
1. 使用`clear`属性：
在需要清除浮动的元素后添加一个空元素，并设置`clear: both；`。
```html
左侧内容
右侧内容
```
2. 使用`overflow`属性：
给父元素设置`overflow: auto；`或`overflow: hidden；`。
```css
.parent {
overflow: auto；
}
```
3. 使用伪元素清除浮动：
在父元素后插入一个空的伪元素，并对其应用`clear: both；`或`overflow`属性。
```css
.parent::after {
content: ""；
display: block；
clear: both；
}
```
4. 使用Flexbox布局模型：
使用`display: flex`来替代浮动，从而不需要额外的清除步骤。
```css
.parent {
display: flex；
}
```
5. 使用`height`属性：
给父元素添加固定高度，但这种方法只适用于固定高度的布局，不够灵活。
```css
.parent {
height: 200px；
}
```
6. 使用`zoom`属性：
在IE6浏览器中，可以使用`overflow: hidden；`和`zoom: 1`来清除浮动。
```css
.parent {
overflow: hidden；
zoom: 1；
}
```
选择哪种方法取决于具体的应用场景和浏览器兼容性需求。通常情况下，使用伪元素清除浮动是一种比较现代且兼容性较好的方法。