CSS - 下拉菜單（固定寬度）

Question

請您看看哈佛醫學院網站在這裏 http://hms.harvard.edu/

導航的最後一項下拉菜單有子菜單中未顯示出其固定格。即：調整最後一項的子菜單位置，使其不會浮出。

如何在純CSS中做到這一點？

希望你明白我在說什麼。謝謝

Answer 1

在特定的網站上，它是通過手動定位最後一個元素完成的。

所有其他子菜單有{ position: absolute; left: 0; }但最後一個left: -91px。您可以將課程附加到最後一個菜單項（或使用:last-child，但在較老的IE-s中不起作用），並將其移到左側以適應主內容框。