Илья

Абсолютное позиционирование у блочного элемента уже имеет ширину родителя и высоту согласно контенту внутри абсолютного блока. Если вы хотите задать высоту абсолютного блока равным родительскому, достаточно прописать height:100%; В вашем случае понадобится только задать позицию относительно родительского (просто прибить его к какому-либо краю, например через CSS position:absolute;left:0px; top:0px;) https://jsfiddle.net/1aLb04bk/1/

И забыл добавить. Абсолютный блок, он как бы не совсем находится физически внутри родителя relative. Он лишь наследует координаты родителя и далее в зависимости от высоты и привязки к краям родителя легко меняет высоту роста вверх или вниз, а при желании и ширину =) https://jsfiddle.net/1aLb04bk/2/ Старайтесь не использовать абсолют без крайней необходимости, особенно в эпоху флексбоксов.

Создавайте на MODx Evolution. Копипастом там вставляется верстка страницы. Далее, в древе слева в админке создаете папку "каталог", создаете там ресурсы(товары) сколько угодно с любой вложенностью. Выводите одной-двумя строчками в любом месте шаблона список товаров. Делов на 10-20 мин. В общем с готовой версткой каталог можно сделать за 1-2 часа. + огромная скорость работы сайтов на MODx, ничего лишнего, непонятных скриптов, плагинов, чистая CM(S)F как слеза, но для каталога уже там все будет.

Для вывода элементов каталога сниппет Ditto (скрипт дергания из базы ресурсов), для вывода менюподобных вещей сниппет Wayfinder.

От разработчиков(исходная): modx.com/download/evolution
Сайт сборки CMF с дополнениями modx.com.ua

Работаю на ней около 4 лет, советую. Осваивается очень быстро.