DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分!
clear
属性与 浮动 直接相关。如果元素可以水平地适合浮动元素旁边的空间,它就会这样。除非您在相同方向上对该元素应用 clear
,与浮动相同。然后该元素将向下移动到浮动元素下方。
以下是一个使用浮动构建的布局的简单示例,这对页脚可能会有问题

但是通过清除页脚元素,布局就会到位
#footer {
clear: both;
}

在这种情况下,clear: both; 用于确保页脚清除任何方向上浮动的元素。但您也可以清除 left
或 right
,在这种情况下,元素将移动到该方向浮动的元素下方,而不是其他方向。

清除浮动的一种常见方法是对包含元素应用伪元素,该元素会清除浮动。 在此处了解有关此内容的更多信息。
其他资源
浏览器支持
clear
属性在所有浏览器中都能正常工作。
您好,
您能提供有关仅在右侧或左侧清除的代码示例吗?MDN 示例似乎没有表现出这种行为(向下移动到该方向浮动的元素下方)…
https://mdn.org.cn/en-US/docs/Web/CSS/clear
谢谢
这很有帮助……