style =“ clear：both”の用途は何ですか？

たまたまdivスタイルのあるものを見ましたclear:both！clearin の用途は何styleですか？

<div style="clear:both">

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    |
|                     |
+---------------------+

ただ、チェックアウト、RichieHindleの答えに追加するFloatutorial CSSはフローティングとクリアの動作方法を説明します。

floatを幅なしで使用すると、その行にスペースが残ります。このスペースをブロックするにclear:both;は、次の要素で使用できます。