Html 如何扩展下拉菜单以适应其中的列表项

当您将鼠标悬停在较小的屏幕上时，“项目”下拉菜单中的列表项（处理和iOS）将被切断。它们还与其他菜单项重叠。请点击查看。我怎样才能使它们不被切断，不与其他菜单项重叠？另外，如何删除悬停菜单按钮的灰色背景色？谢谢你的帮助

---

将此代码附加到@media（最大宽度：798px）

---

@用户3881935是的，但是像他们一样以中心为中心now@user3881935我更喜欢悬停而不是点击我们。这样可以解决问题，但我希望导航的布局保持不变，没有灰色框。@Darkstar:请跟我说初学者，我的英语很糟糕，我听不懂。你需要灰色背景吗？

.noStyle {
    background-color: #888;
    width: 40%;
    right: 40px;
    position: absolute;
    top: 40px;
}
.noStyle > li {
    display: inline-block;
    width: 100%;
}
.noStyle > li > ul {
    position: inherit;
    width: 100%;
    padding: 0;
    margin: 5px 0;
    background-color: #444;
}