Использование элементов псевдонима для начальной загрузки

Question

Мне интересно и не знаю ответ для строки строки Bootstrap, используя Display: table и content: "" для своих псевдоэлементов (после и до). Почему он использует таблицу отображения там.

.row:after,.row:before{ 
display:table; 
} 

Может кто-нибудь объяснить, почему они используют?

Answer 1

.row: before, .row: после {дисплей: стол; }

Это поддерживается всеми браузерами, за исключением IE (6/7). Он генерирует псевдоэлемент до и после содержимого элемента, содержащего поплавки. Настройка отображения: таблица создает анонимную табличную ячейку и новый контекст форматирования блоков. Это действует для предотвращения краха верхнего края и улучшения согласованности между современными браузерами и IE (6/7).