自CSS1以来，清晰的CSS属性一直是CSS的一部分。 它允许您指定哪些元素可以在清除的元素旁边浮动以及哪些边上。 明确的属性有五个可能的值：
- 没有
- 剩下
- 对
- 都
- 继承
如何使用CSS清除属性
使用clear属性的最常用方法是在元素上使用float属性之后。 例如：
我的图片旁边的文字。
低于我的图片的文字。
所有元素默认为清除：无; ，所以如果你不想让其他元素在某物旁边浮动，则必须更改清除样式。
当你清理浮筒时，你可以将清晰的浮筒与你的浮筒相匹配。 所以如果你把元素向左移动，那么你应该清理左边。 您的浮动元素将继续浮动，但清除的元素及其后的所有内容都将显示在网页的下方。
如果您的元素左右浮动，则可以只清除一侧，也可以清除两者。
在布局中使用清除
大多数设计师使用clear属性的最常见方式是在页面元素的布局中 。 您可能会在图像块内部浮动图像，并希望下一段落在图像下方开始，或者您可能有一整列文本要浮在另一堆文本的旁边，并在下面显示一些文本。
以下是此表单中布局的HTML。
它有一个div容器，另一个容器浮在左边。
一个简短的浮动div
容器div内的内容将在浮动div的右侧。
这将正常工作，与较短的div浮动到主div的其余内容的左侧。
只需在浮动框下方添加一个您希望它开始写入的标记，即可清除浮动框旁边的文本。
但是当浮动框比它旁边的内容长时，问题就出现了。 然后，正如您所看到的，主箱的背景颜色不会被带到浮动框的底部。
幸运的是，有一个简单的方法可以解决这个问题：属性。 通过设置主盒子溢出：auto; 背景颜色将保持在较长的浮动框旁边，如本例所示。