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

Я случайно увиделdiv который имел стильclear:both! Какая польза отclear вstyle?

<code><div style="clear:both">
</code>

Ответы на вопрос(3)

Решение Вопроса

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    |
|                     |
+---------------------+
 23 июл. 2009 г., 01:19
ОСТЕРЕГАЙТЕСЬ ПЛОХОЙ ЖУК!positioniseverything.net/explorer/floatIndent.html
 11 авг. 2015 г., 20:17
@YevgeniyAfanasyev, да, это правда. Мой комментарий с 2009 года, когда это было еще применимо.
 19 янв. 2012 г., 16:56
Также это делает родительский div, чтобы соответствовать высоте.
 11 авг. 2015 г., 07:01
@ Джейсон, ошибка, на которую вы ссылаетесь, применима только для Internet Explorer 6 в Windows XP. Хорошо, что нам не нужно поддерживать его большую часть времени в эти дни.

в этом ряду остается место. Чтобы заблокировать это пространство вы можете использоватьclear:both; в следующем элементе.

Floatutorial, который проведет вас через работу плавающего и очищающего CSS.

 15 февр. 2016 г., 17:18
15 февраля 2016 г. мне не удалось подключиться к серверу для Floatutorial (отказано в соединении через порт 80).

Ваш ответ на вопрос