css 下拉菜单与父级相同的宽度

Posted 2021-05-13

/* 1. Push dropdown to the left 1px */
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
    left: -1px;}

/* 2. extend width of dropdown 2px more than 100% */
.main-navigation .primary-menu > li ul {
    width: calc(100% + 2px);}