Как сделать необычное выпадающее мегаменю?

Question

[Cheizer]

Приветствую, пожалуйста, помогите решить нестандартную задачку.
ЧТО ИМЕЕМ: Есть обычное верхнее, горизонтальное меню с подменю, оно лежит в рабочей области сайта равной 1000px по ширине, но засада в том, что нужно чтобы при клике на любой пункт меню, выпадали сразу все подменю, но, разная высота блоков подменю делает некрасивым общий вид подменю. Сами блоки подменю в position absolute сейчас. Это важно. fixed верхнего не годиться.

ВОПРОС: как средствами CSS (без js) сделать заливку-подложку фон, под эти все блоки подменю? Учитывая их высоту, которая неизвестна, высота по контенту. И ширина подложки не должна ограничиваться рабочей областью сайта, в котором лежит все меню. Не мог понять как это сделать :( пробовал псевдоэлементами, но они ограничиваются шириной рабочей области меню. В общем не хватает ума это провернуть.

Решено

Answer 1

[Cheizer]

Решение, на первый список

.top-list:after {
    content: '';
    z-index: -1;
    width: 100vw;
    height: 100%;
    left: calc(50% - 50vw);
}

Answer 2

[Irina Illustrova]

.top-list__sublist {
  height: 100%;
}

...и поработать с отступами, чтобы было красиво.

Comments

[Cheizer]

это ничего не дает, совсем. Срезает контент только снизу.