CSS -下拉菜单(固定宽度)

Question

您可以在这里看看哈佛医学院的网站吗？http://hms.harvard.edu/

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

如何在纯css中实现？

希望你能理解我在说什么。谢谢

Answer 1

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

除了最后一个left: -91px之外，其他所有的子菜单都有{ position: absolute; left: 0; }。您可以将一个类附加到最后一个菜单项(或使用:last-child，但这在较旧的IE-s中不起作用)，并将其移动到左侧以适合主内容框。