Оболочек несколько, в том числе:
- для семантической группировки элементов, например, для отделения заголовка страницы от основного текста от боковой панели от нижнего колонтитула.
- для косметической группировки элементовнапример, с окружающими границами или общим фоновым изображением или цветом.
- для группировки элементов в макете, например, для сохранения их всех в одном столбце, когда столбцы располагаются рядом друг с другом.
- , чтобы включить специальное позиционирование, например, когда оболочке присваивается относительное позиционирование, чтобы содержать дочерние элементы с абсолютным позиционированием.
- , чтобы было удобнее указывать элементы в CSS и JavaScript, ссылаясь на их родителя, безнеобходимость идентифицировать или классифицировать каждый дочерний элемент.
(Примечание: приведенная выше переменная должна быть в одной строке)
Так что в этом случае, я думаю, что они все использовали div-оберткупросто сгруппировать элементы в макете.