子菜单的一部分显示在页面外部

Question

我有一个水平导航菜单，有些菜单有子菜单，当我悬停在靠近页面右侧的菜单上时，它不会显示完整的子菜单列表，这是fiddle文件。有什么建议吗？查看全屏并将鼠标悬停在Short Movies上以更好地理解。

Answer 1

我已经做了一些css和HTML的更改。

检查这个小提琴

http://jsfiddle.net/Shinov/fdjsf/8/embedded/result/

.dropdown_1column {
  width: 140px;
}
.dropdown_2columns {
  width: 280px;
}
...

Answer 2

xoemab，我认为是你的屏幕大小没有显示完整的子菜单。这是我的屏幕截图，我相信它显示了整个子菜单！希望这能帮助。。。我认为缩小子菜单的宽度并将其垂直放置可能会有所帮助？（没关系，我不能发布屏幕截图…我在这里太新了！）如果你分享你的电子邮件，我可以将屏幕截图发送给你…：-）