响应子菜单框

Question

我正在使用导航栏，我遇到了一个与响应相关的问题。

我希望子菜单框始终保留在内容中。我不能去灰色地带。有没有办法做到这一点？我宁愿保留子菜单框的大小

这是我的代码:(我正在使用Umbraco）

HTML：

nav .has-child:hover > .sublevel {
    display: block;
    width: 500px;
    height: 200px;
}
ul.dropdown-menu>li { float: left; width: 50% !important; }
ul.dropdown-menu{
    width:500px;
}

CSS：

{{1}}