CSS - 下拉菜单（固定宽度）

Question

请你看看哈佛医学院的网站 http://hms.harvard.edu/

导航下拉菜单的最后一项是子菜单没有显示在其固定的div之外。即：调整最后一项的子菜单位置，使其不会浮出。

如何在纯CSS中完成？

希望你明白我在说什么。谢谢

Answer 1

在该特定网站上，通过手动定位最后一个元素来完成。

所有其他子菜单都有{ position: absolute; left: 0; }但最后一个left: -91px。您可以将一个类附加到最后一个菜单项（或使用:last-child但在旧版IE中不起作用）并将其移到左侧以适合主内容框。