Итак, если вы добавите float: left;
к элементу, то он вынут из потока справа? И насколько я знаю, это также относится к position: absolute;
, так как вы можете очистить плавающие элементы с помощью clearfix, но вы ничего не можете сделать о абсолютно позиционированных элементах? Какая разница в том, как каждый из них удаляется из потока контента?Почему вы можете очищать плавающие элементы, но не абсолютно позиционированные элементы?
ответ
Нет, плавающие элементы не выводятся полностью из потока, как абсолютно позиционированные элементы, они просто продвигаются к элементам, которые окружают другой контент. Первоначальным использованием плавающих элементов было, например, изображение в статье; плавая изображение, текст в статье будет обтекать его.
Примечание: clearfix не используется для очистки плавающих элементов, он используется для размещения плавающих элементов внутри другого элемента. Чтобы очистить плавающие элементы, вы просто используете стиль clear
.
Плавающие элементы также расположены справа или слева от родительского узла, но не могут быть всего в десяти пикселях ниже верхнего уровня, а top: 10px;
- как элементы с абсолютным расположением. Они всегда так или иначе связаны с потоком, что позволяет использовать clearfix.