我如何获得HTML下拉列表以从较低位置开始

时间:2019-01-23 16:43:02

标签: javascript html css navbar dropdown

我一直在致力于的网站上,我一直在挑选所有东西,因为我希望这对于我的第一份专业工作来说,是一个非常干净且良好的网站。唯一让我感到烦恼的是,我的导航栏具有悬停下拉菜单,并且与公司徽标重叠。我想知道CSS中是否有办法使下拉菜单开始降低12px?

axios.get

Example of what is happening

I want that edge to be lower so that it doesn't touch the logo

2 个答案:

答案 0 :(得分:1)

在CSS中,实际上有多种种方式可将元素下移12px:

  • 使用margin-top: 12px
  • 使用padding-top: 12px
  • 使用border-top: 12px solid transparent(或破折号,虚线等)
  • 使用relative位置和top: 12px
  • 使用absolute位置和top: 12px
  • 使用fixed位置和top: 12px
  • 使用transform: translateY(12px)

没有更多的代码,很难告诉您哪种解决方案最适合您的情况。

答案 1 :(得分:0)

如果没有问题的说明,很难提供帮助,并且还应包括一些代码,以使其更易于理解并帮助您解决问题。

无论如何将元素向下移动到页面上,都有几种方法。一种,也许是最常见的是使用margin-top。

.moveDown 
{
   margin-top: 12px;
}

如果您的dropdown /元素不动,则可能与您设计的位置有关(我很难在没有任何代码/图片的情况下回答...)