css clear after both

Ответ от Андрей[гуру]
Именно табличное отображение совершенно лишнее. Подойдёт любое блочное. Так что куда чаще используется display: block;
After определяет то, что будет выведено после данного элемента.
Before и after без атрибута content вообще не работают. Так что content должен быть всегда. Content определяет текст, который будет выведен. В данном случае это пустая строка и не будет выведено ничего, но будут применены указанные свойства CSS.
А всё в целом означает, что сразу после каждого элемента с классом clearfix будет применено CSS-свойство clear: both;
ссылка
ссылка