Как указать субменю ширину?

Question

[an]

Смотрите какая ситуация
есть обычное выпадающее меню (список ul), которое позиционируется от родительского <li>Item</li>
так и нужно
но встала необходимость само сабменю расширить до края ul
а на данный момент если я ему задаю min width 100%, то оно доходит только до конца своего родительского li

можно задать position relative не li а ul, но такой вариант не катит
нужно что бы оно по левому борту позиционировалось именно к своему li, а вправо растягивалось аж до конца ul

не хочу усложнять меню, нужно как только можно проще сделать на css
но не получается что то у меня

фух. надеюсь понятно расписал

вот скрин как нужно что бы оно выпадало

Comments

[Ankhena]

Узнать ширину первого пункта.
Задать её в left или margin или пустой столбец грида или куда вам больше нравится.
Позиционировать от ul.

Но судя по примеру в предыдущем вопросе, ширина выпадашек зависит от содержимого, а не до правого края.

[an]

Ankhena,
да там должна быть резина, узнать то никак не получится

оно то да, от содержимого в принципе зависит
можно внутренним li задавать ширину
но это тогда такой геморр будет, медиа запросами придется чуть ли не через каждых 20пикс менять значения

Спасибо
наверное так и придется костылять под каждый экран

[Ankhena]

an,

да там должна быть резина, узнать то никак не получится

Если пунктов неизвестное количество, только js.
Если известное, то путем несложных математических действий.

Но опять таки, если меню как в образце, то это ручная работа.

[Александр Васильев]

сделай оболочку

.nav{
  overflow: hidden;
  height: 100vh;
}

пункт подменю

li ul li {
   width:100000px;
}

[Александр Васильев]

либо с той же оболочкой, но с псевдоэлементом, что-то типа такого

li ul::before{
  content:'';
  top: 0;
  left: 100%;
  width: 100vw;
  position: absolute;
  background: red;
  height: 100%;
}

[Ankhena]

Александр Васильев, шикарный план - обрежем кусок меню overflow и дело с концом. Или вообще покажем псевдо вместо большей его части! Жжете однако.

[Александр Васильев]

Ankhena, ахаха)))