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

Question

[Max Ba]

Ребят, подскажите, как сделать так, чтобы элемент .block выводился по ширине меню, а не со смещением, как на примере.
https://jsfiddle.net/maximka787/xn7vwzz0/1/

Comments

[Max Ba]

600px это я уменьшил, так ширина сайта 1000px. всплывающие блоки тоде нужно делать 1000px

Answer 1

[HamSter]

#nav ul { position: relative; }

#nav ul li div.block {
    width: initial;
    ...
    position: absolute;
    left: 0;
    right: 0;
}

Comments

[Max Ba]

Вот это совсем похоже. Это единственная реализация? Почитал, что с поддержкой плохо браузерами.

[HamSter]

maximka787: а что плохо с браузерами? Тут ничего запредельного нет). width: initial; можно вообще убрать, не задавать ширину, иначе будет, то вылазить, то меньше.

[Max Ba]

ОУ!)) точно. Понял #nav ul { position: relative; } вот этого очень не хватало. Спасибо)

Answer 2

[iBird Rose]

ну тк ты ж сам ему задал 500px; поставь 100%
#nav ul li div.block {width: 100%;}

Comments

[Max Ba]

Так выравнивание блока идет за мышкой, а мне нужно, чтобы зеленый блок был зафиксирован в одном месте. Это типа mega menu на сcss