清除

Avatar of Sara Cope
Sara Cope

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分!

clear 属性与 浮动 直接相关。如果元素可以水平地适合浮动元素旁边的空间,它就会这样。除非您在相同方向上对该元素应用 clear,与浮动相同。然后该元素将向下移动到浮动元素下方。

以下是一个使用浮动构建的布局的简单示例,这对页脚可能会有问题

但是通过清除页脚元素,布局就会到位

#footer {
   clear: both;
}

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

清除浮动的一种常见方法是对包含元素应用伪元素,该元素会清除浮动。 在此处了解有关此内容的更多信息。

其他资源

浏览器支持

clear 属性在所有浏览器中都能正常工作。