css - 为什么 float 后跟清除

Question

向左浮动，然后向左清除是什么意思。还是向左浮动，然后向右清除？任何人都可以帮助我理解这一点。我不是 CSS 专家，但需要了解我正在使用的一些 CSS。

#elem1{
    float:left;
    clear:left;
}

#elem2{
    float:left;
    clear:right;
}

Answer 1

如果您将两个元素 float 在一起，如果您不应用清除，它们将在同一水平轴上对齐。

通过通知 float 元素清除，它会清除在它之前的所有 float 元素，然后将自己 float 到设计人员打算将其 float 的任何位置。根据清除的方向，它会换行或不换行。

查看此 jsFiddle example用于可视化。前两个<div> s 什么都不清除，而最后两个 <div> s 设置为清除左右浮动。