清除元素浮动是 CSS 开发中的一个常见问题，当我们在开发网页时，经常需要使用浮动元素来布局页面，但是浮动元素对于总体布局的影响也非常大，在使用浮动元素的时候，就会遇到它们对父元素的影响，导致父元素无法自适应子元素的高度，特别是在网页中嵌套多个浮动元素时，问题就更加明显。本文将详细介绍如何使用CSS属性清除元素浮动，其中就包括了像 clearboth 这样的CSS属性的详细解释。

1. 什么是清除浮动

在CSS开发中，通常使用浮动来布局网页，浮动元素脱离文档流，所以它们的尺寸不能影响其他的元素，不然就会出现一个元素解析的情况，影响页面布局。但是，当浮动的元素高度超过父元素时，就会出现问题，因为父元素没有被子元素撑高，导致父元素不能完全包含子元素。这时需要使用清除浮动来解决这个问题。

2. 清除浮动的方法

清除浮动的方法有很多种，其中应用比较广泛的清除浮动的方法有三种。

（1）使用空标签清除浮动

创建一个空标签，使用CSS清除浮动，让其放在浮动元素的后面，让父元素自适应子元素的高度。

这是一种比较原始的方法。我们可以使用一个空的