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

时间:2018-06-27 21:00:26

标签: html css drop-down-menu

我有一个网站,该网站的底部有一个下拉菜单,但是当我单击它打开它时,它没有显示,因为(我认为)它在页面下方。我的两个选择是在单击下拉菜单时使页面略微扩展,或者使下拉菜单向上打开。 link

我尝试做:

overflow: scroll;

bottom: 100%

不幸的是,我只能编辑网站的CSS,这意味着我无法添加或删除元素。您还必须登录才能看到下拉列表,对此我无能为力。随时创建带有垃圾邮件或其他内容的帐户。抱歉。

enter image description here

2 个答案:

答案 0 :(得分:1)

我看不到下拉菜单,但是您可以使用纯CSS向上显示下拉菜单,请参见此question/answer

我希望它可以帮助

答案 1 :(得分:1)

我看到您已经选择了另一个答案,但我建议您尝试弹出“上”而不是下。

如果仅更改.tebexDropdown { top: -52px; },则可以将其显示在上方,而不是下方。请注意,您可能必须根据列表中的项目数来使CSS偏移量不同。

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

为您提供以下信息:  enter image description here