style =「clear：both」有什麼用？

Question

我碰巧看到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

當您使用float不帶寬度時，該行中仍有一些空格。要阻止此空間，您可以在下一個元素中使用clear:both;。