导航栏无法正确打开

时间:2019-09-20 15:09:44

标签: html css

我有一个固定的底部导航栏,悬停时没有打开我的“链接”列表。当我可以打开它时,它向下打开而不是向上。我确实在CSS的悬停部分中添加了bottom: 0;,但是这没有用..任何帮助将不胜感激 -HTML和CSS的新功能,这将用于学校的最终项目!

在CSS的悬停部分添加了bottom: 0; 尝试注释掉要修复的部分 玩边距/填充 并尝试了z函数的东西

链接到代码 https://codepen.io/wickedmango/pen/rNBQPNG

希望向上打开“链接列表”,并排在一切前面!

2 个答案:

答案 0 :(得分:0)

删除

  

溢出:隐藏

来自导航

添加

nav ul li:hover ul {
  bottom: 60px;
}

答案 1 :(得分:0)

是的,这个问题被隐藏起来了,但是您想给导航栏一个大于任何值的z索引,以便它可以位于任何内容的前面:

nav {
width: 100%;
height: 60px;
background-color: white;
position: fixed;
bottom: 0;
z-index: 100;

}

https://codepen.io/izzy_zeke/pen/bGbQzLg

此外,如果我想给您一个建议并使用CSS Flex,而不要像float那样为您提供更好的标准,就可以帮助您

https://developer.mozilla.org/en-US/docs/Web/CSS/flex