Какая польза от стиля = "ясно: оба"?

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; в следующем элементе.