Когда должен быть очищен поплавок?

Question

У меня есть вопрос о том, когда плавающие элементы нужно и не нужно очищать.

Рассмотрим следующую разметку:

<div>
    <div style="float:right">
        <a href="#">Delete Destination</a>
    </div>
    Unfloated text here.
</div>

Это работает правильно, хотя я никогдаочистить плавающий контент.Есть ли у этой разметки потенциальные проблемы?

Answer 1

Помните ли вы школьные дни, когда вам нужно было перейти на следующую строку?

Всякий раз, когда вы хотите перейти на следующую строку, вы должны очистить поплавки. Но разница в CSS и мире браузеров заключается в том, что следующая строка может быть на 500px ниже :). Всякий раз, когда вы хотите сохранить элементы в одной строке, не очищайте поплавки.

Это, конечно, очень простое объяснение. Пожалуйста, дайте мне знать, если я могу помочь больше.

Answer 2

Очистка текста приведет к его перемещению вниз под «Удалить пункт назначения».

Ссылка: https://developer.mozilla.org/en/CSS/clear