问CSS下拉菜单与内容对齐
EN

Stack Overflow用户

提问于 2018-08-30 02:43:47

回答 1查看 69关注 0票数 0

我目前正在尝试制作一个(响应式)导航栏，虽然我已经对它进行了很多故障排除，但我无法找到自己的方法。:(

我现在有两个问题。1)在wide screen中，我想将下拉菜单放在“按钮”标题下的中间位置。2)在智能手机/平板电脑屏幕上，我想让下拉菜单在出现时，向下按下其余的“按钮”标题，而不是覆盖它们。

大约1，我试过更改下拉列表的right和left属性，但无论我对下拉列表和父元素的position做了什么更改，它都只是停留在屏幕的一侧。

大约2，我已经摆弄了position，但我仍然不能让它像静态一样工作。

理想情况下，我想只使用HTML和CSS。

我很抱歉如果这是一个转帖，只是我不能解决我的问题，尽管我已经检查了大部分相关的帖子

发布于 2018-08-30 05:10:47

只需从这里删除绝对，您将看到下拉列表在大屏幕下的一些按钮，在小屏幕上，它也会出现在按钮下面：

.dropdownItem:hover .dropdownList {display: block;/*   position: absolute; */}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52084202

复制

相似问题

问CSS下拉菜单与内容对齐EN