我知道clear: both
属性用于清除浮动元素。那么clear: left
和clear: right
怎么样?我如何以及何时使用它们?
答案 0 :(得分:3)
这些值告诉一个框分别只清除左浮点数或仅清除右浮点数。而不是水平堆叠到左浮动的右边,或右浮动的左边,它将分别堆叠在浮动下面。
如果你有一系列左右浮动元素,clear: left
只清除左前方浮动的前一个框,clear: right
仅从之前浮动的框中清除它。< / p>
如果clear: left
框之前的框向右浮动,框本身也将向右浮动,因为它没有清除正确的浮动。同样地,当clear: right
跟随仅浮动到左侧的框时,框本身也会向左浮动。
一些直观的解释: