你能在这里看看哈佛医学院的网站吗 http://hms.harvard.edu/
导航下拉菜单的最后一项的子菜单未显示在其固定的 div 之外。即:调整最后一项的子菜单位置,使其不会浮出。
如何在纯 css 中实现?
希望你明白我在说什么。谢谢
最佳答案
在那个特定的网站上,它是通过手动定位最后一个元素来完成的。
所有其他子菜单都有 { position: absolute;左:0; }
但最后一个 left: -91px
。您可以将一个类附加到最后一个菜单项(或使用 :last-child
但这在旧的 IE-s 中不起作用)并将其移动到左侧以适合主内容框。
关于CSS - 下拉菜单(固定宽度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11052814/