Лучший элемент для очистки поплавков в CSS? [закрыто]

StackOverflow https://stackoverflow.com/questions/1409836

  •  05-07-2019
  •  | 
  •  

Вопрос

Мне было интересно, каким будет лучший элемент для очистки плавающих элементов уровня блока?

Пока я в основном использовал элементы div или p с clear: both; применяется.

Какие элементы вы предпочитаете, или что-то вроде "наилучшей практики"? за это?

Это было полезно?

Решение

Если вы действительно хотите просто очистить их, тогда любой элемент лучше всего описывает семантику содержимого, которое вы хотите очистить.

Если вы хотите, чтобы блок расширялся и содержал весь его плавающий контент, то добавление дополнительного элемента (любого типа) является самым грязным вариантом. Существует целая куча лучших способов достижения эффекта . Обычно я поддерживаю настройку overflow: hidden для контейнера, но лучший вариант немного зависит от контекста.

Если вы действительно хотите использовать фактический (пустой) элемент, тогда лучше использовать div или as span & # 8212; они не имеют дополнительной семантики.

Другие советы

У меня есть следующий контекст: 

<div id="sidebarWrap">
    <div id="sidebarHandle">
        <a href="#"></a>
    </div>
    <div id="sidebar">
        <h2>Category</h2>                           
    </div>
    <p class="clear"></p>
</div>

Где #sidebarWrap абсолютно расположен в правом верхнем углу своего родителя, а #sidebarHandle и #sidebar расположены рядом друг с другом. p.clear очищает плавающие.

В этом случае будет ли лучшее решение?

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top