style =“clear：both”的用法是什么？

我碰巧看到一个风格clear:both的div clear:both ！ 什么是clear的style的使用？

 <div style="clear:both"> 

Answer 1

clear:both使元素落在文档之前的任何浮动元素之下。

您也可以使用clear:left或clear:right来使其仅落在已向左或向右漂移的元素之下。

 +------------+ +--------------------+ | | | | | float:left | | without clear | | | | | | | +--------------------+ | | +--------------------+ | | | | | | | with clear:right | | | | (no effect here, | | | | as there is no | | | | float:right | | | | element) | | | | | | | +--------------------+ | | +------------+ +---------------------+ | | | with clear:left | | or clear:both | | | +---------------------+ 

Answer 2

只要添加到RichieHindle的答案，检查Floatutorial，它会引导您如何CSS浮动和清除工作。

Answer 3

当你使用没有宽度的浮点数时，在那一行还有一些空间。 要阻止这个空间，你可以使用clear:both; 在下一个元素。