CSS |页面底部的下拉菜单被切断答案

【问题标题】：CSS | Dropdown at bottom of page is cut offCSS |页面底部的下拉菜单被切断
【发布时间】：2018-12-06 20:29:56
【问题描述】：

我有一个底部有一个下拉菜单的网站，但是当我单击它打开它时，它没有显示出来，因为（我假设）它位于页面下方。我的两个选项是在单击下拉菜单时使页面略微扩展，或者使下拉菜单向上打开。 link

我已经尝试过：

overflow: scroll;

和

bottom: 100%

很遗憾，我只能编辑网站的 css，这意味着我无法添加或删除元素。您还必须登录才能看到下拉菜单，对此我无能为力。随意创建一个带有垃圾邮件或其他东西的帐户。对此感到抱歉。

【问题讨论】：

【解决方案1】：

我看不到下拉列表，但您可以使用纯 CSS 向上显示下拉列表，请参阅question/answer

希望对你有帮助

【讨论】：

【解决方案2】：

我看到你已经选择了另一个答案，但我可能会建议尝试弹出“向上”而不是向下。

如果您只是更改.tebexDropdown { top: -52px; }，您可以让它出现在上方，而不是下方。请注意，当然，您可能必须根据列表中的项目数使 CSS 偏移量不同。

还有.tebexDropdown:before { border-bottom: 10px solid #bfbfbf; top: 33px } 用于样式设置。

给你这个：

【讨论】：