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

标签 css

你能在这里看看哈佛医学院的网站吗 http://hms.harvard.edu/

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

如何在纯 css 中实现?

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

最佳答案

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

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

关于CSS - 下拉菜单(固定宽度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11052814/

相关文章:

css - PhpStorm 或 PyCharm 元素中 CSS 和 LESS 外部库的最佳位置

jquery - Select2 字段宽度难以调整大小

html - 为什么我的元素不正确排列

javascript - 图像不尊重 IE8 中的宽度属性

jquery - 单击 Logo 会重定向到特定的 Bootstrap 选项卡并使其处于事件状态

css - 每个过渡属性的不同过渡持续时间

javascript - 是否有用于对 JavaScript 和 HTML 进行单元测试的框架

html - ionic : position button from bottom

html - 悬停时更改两个单独的 SVG 路径

javascript - 当我尝试隐藏 Card 样式的侧边栏时出现奇怪的行为