php - 如果 css 中的某个位置无法移动元素怎么办？

Question

我正在尝试使子菜单框占满屏幕宽度，但菜单大小仅从右侧开始增加，而左侧保持不变。

我尝试添加 margin-right:50px !important; 没有任何反应，但如果我在左侧做同样的事情，盒子就会移动。

我不能在这里粘贴完整的代码，所以这里是链接 http://newlayouthomepage1.bluebirdpackaging.com/product/custom-cake-printed-boxes/ 单击按行业分类的框以查看菜单

可以移动左侧的子菜单框

Answer 1

你有这个内部CSS

.nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li.submenu_full_width > ul.mega_dropdown {
  width: 1450px;
}

将此更改为

.nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li.submenu_full_width > ul.mega_dropdown {
  width: 100vw;
  margin-left: calc(590px - 50vw);
}