Clearfix in CSS

303

15 декабря 2016, 16:23

Для очистки обтекания всегда пользовался следующей записью:

selector:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

Но сейчас часто встречаю такой вариант:

selector:after {
    content: '';
    display: table;
    clear: both;
}

Хочу поинтересоваться, в чем различие между логикой работы первого и второго способа? Какие преимущества, недостатки? Почему display:table;?

Answer 1

Абсолютно никакой разницы. Дело привычки. Работает и то и другое одинаково - оба очищают поток

ТОП-10

Стоит задача поиска всех не повторяющихся тегов без атрибутов (например, head, body) в HTML файле с помощью регулярных выражений

312

Доброго времени сутокЯ столкнулся с такой проблемой: не могу растянуть видео на всю ширину страницы в Adobe Muse

450

В инструментах разработчика Chrome 4 ошибки:

304

Есть горизонтальный список, состоящий из картинок и заголовков под нимиХочу сделать, чтобы заголовок зависел от ширины картинки

370