为什么漂浮然后清楚

sil*_*low 2 css css-float

向左漂浮然后向左漂移是什么意思.或向左浮动,然后向右清除?任何人都可以帮我理解这一点.我不是一个CSS人,但需要了解我正在使用的一些CSS.

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

#elem2{
    float:left;
    clear:right;
}
Run Code Online (Sandbox Code Playgroud)

Bol*_*ock 5

如果将两个元素浮动在一起,如果不应用清除,它们将在同一水平轴上对齐.

通过告诉浮动元素清除它,它清除前面的任何浮动,然后浮动自己在设计者打算漂浮它的任何地方.根据清晰的方向,它是否会换行.

有关可视化,请参阅此jsFiddle示例.前两个<div>s不清除任何内容,而后两个<div>s设置为清除左右浮动.