【发布时间】:2020-04-06 08:32:27
【问题描述】:
我正在尝试创建网站的一个部分,其中可滚动部分中有下拉菜单。可滚动部分在 Y 方向上溢出,因为它将具有未知数量的项目。每个项目都有自己的绝对位置下拉列表。
理想情况下,在此演示(下面的链接)中,单击第 11 行或第 12 行我将能够让绝对定位的下拉列表不尊重父级的溢出(即它不会被切断)。有可能实现吗?
【问题讨论】:
标签: css position css-position overflow absolute
我正在尝试创建网站的一个部分,其中可滚动部分中有下拉菜单。可滚动部分在 Y 方向上溢出,因为它将具有未知数量的项目。每个项目都有自己的绝对位置下拉列表。
理想情况下,在此演示(下面的链接)中,单击第 11 行或第 12 行我将能够让绝对定位的下拉列表不尊重父级的溢出(即它不会被切断)。有可能实现吗?
【问题讨论】:
标签: css position css-position overflow absolute
将下拉项类更改为固定位置,以防止它被滚动隐藏
然后将下拉菜单与按钮对齐,移除为dropdown-item类设置的top和left值,并将span的下拉类设置为inline-block,使下拉窗口出现在按钮下方 如果您想像现在一样将下拉窗口保留在按钮上方,请改用 inline-grid
【讨论】: