Html 导航子菜单-显示在左侧

在发布以下内容后，我成功获得了一个“显示到右侧”子菜单方法：

我现在的问题是，我希望屏幕最右侧的子菜单显示在初始下拉菜单的左侧。我想我可以使用相同的代码，通过添加一个

位置：relative；左：-350px

或使其显示在左侧的东西。但这实际上造成了和我以前一样的空白问题

也许有一个简单的解决办法，但我确实想不出来

。下拉列表{
位置：相对位置；
显示：内联块；
位置：绝对位置；
右：180px；
}
.下拉列表2{
位置：相对位置；
}
.dropdownsub{
位置：绝对位置；
显示：隐藏；
背景：红色；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：白色；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
左：5px；
字号：18px；
字母间距：0px；
最小宽度：180px；
}
.下拉分包{
显示：无；
位置：绝对位置；
左：100%；
排名：0；
背景色：白色；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
字号：18px；
字母间距：0px；
最小宽度：180px；
背景：橙色；
}
@介质（最大宽度：1086px）{
.下拉内容{
字号：17px；
}
}
.下拉内容a{
颜色：黑色；
填充：4px8px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#中交；
}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown2:悬停.下拉子元素{
显示：内联块；
}
.dropdownsub:hover.dropdownsub子元素{
显示：无；
}
.dropbtn:悬停{
光标：指针；
}

应收账款
菜单

这样做而不是离开：100%

.dropdown-subcontent {
right:100%;
}