CSS-水平嵌套列表无序包装

Question

我正在尝试解决CSS问题，以尝试创建三层水平列表。

预期结果是它看起来像一个三层菜单。

当列表过长时，它会在子菜单下而不是直接在其下方创建换行。一旦“水平”窗口的大小变小（从1024而不是1920），这一点就非常明显。

https://www.w3schools.com/code/tryit.asp?filename=GI4O70ZXQWZ9

上面是示例代码的链接。

白色是主菜单，蓝色是子菜单，绿色是另一个子菜单。