了解CSS Clear属性

该 明确 CSS属性自CSS1以来一直是CSS的一部分。它允许您指定哪些元素可以浮动在已清除元素旁边以及哪一侧。该 明确 属性有五个可能的值：

• 没有
• 剩下
• 对
• 都
• 继承

如何使用CSS clear属性

最常用的方法是使用 明确 财产是你用过之后的 浮动 元素上的属性。例如：

• 我的图片旁边的文字。
• 位于我图片下方的文字。

所有元素都默认为 明确：无;，所以如果你不希望其他元素浮动在某些东西旁边，你必须改变它 明确 样式。

清理浮子时，将浮子与浮子相匹配。因此，如果您将元素浮动到左侧，那么您应该向左清除。您的浮动元素将继续浮动，但清除的元素及其后面的所有内容将显示在网页下方。

如果您有左右浮动的元素，您可以只清除一侧或清除 都.

在布局中使用clear

大多数设计师使用的最常见方式 明确 属性是页面元素的布局。您可能有一个浮动在文本块内的图像，并希望下一个段落从图像下方开始，或者您可能希望在另一堆文本旁边浮动一整列文本，下面会显示一些文本。

以下是此表单中布局的HTML。它有一个div容器，另一个容器浮动到左边。

短暂的浮动div

容器div内的内容将位于浮动div的右侧。

这将工作正常，较短的div漂浮在主div的其余内容的左侧。

您只需在浮动框下面添加标记，即可清除浮动框旁边的文本。

但问题出现在浮动的盒子比它旁边的内容长。然后，如您所见，主框的背景颜色不会被移动到浮动框的底部。

幸运的是，有一种简单的方法可以解决这个问题：财产。通过将主框设置为 溢出：汽车; 背景颜色将保留在较长的浮动框旁边，如此示例所示。