Какая польза от стиля = «ясно: оба»?
Я случайно увидел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 |
| |
+---------------------+
ОСТЕРЕГАЙТЕСЬ ПЛОХОЙ ЖУК!positioniseverything.net/explorer/floatIndent.html
@YevgeniyAfanasyev, да, это правда. Мой комментарий с 2009 года, когда это было еще применимо.
Также это делает родительский div, чтобы соответствовать высоте.
@ Джейсон, ошибка, на которую вы ссылаетесь, применима только для Internet Explorer 6 в Windows XP. Хорошо, что нам не нужно поддерживать его большую часть времени в эти дни.
в этом ряду остается место. Чтобы заблокировать это пространство вы можете использоватьclear:both; в следующем элементе.
Floatutorial, который проведет вас через работу плавающего и очищающего CSS.
15 февраля 2016 г. мне не удалось подключиться к серверу для Floatutorial (отказано в соединении через порт 80).