如果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);
}