我的选项卡上的下拉菜单为html

-1

我一直在为学校创建一个网站，它包含一个可移动的下拉菜单。我的选项卡上的下拉菜单为html

的问题是，当过我悬停在菜单的下拉项目不与下拉选项卡对准

这里是一个图像向您展示 enter image description here

来源

2017-04-19 Bill Fire

到目前为止你有什么？没有看到任何代码很难排除故障。 – Toby

张贴您的代码@Bill Fire –

-1

看来，你的问题主要是围绕箱子定位。在使用absolute定位时，您必须始终指定您的内容位置。这样可以避免让你的子菜单四处飞扬，而不是在你想要的地方。另外，请确保父元素的位置为relative，以便您的子菜单可以从中继承框属性。

.firstlevel-menu-item { 
    position: relative; 
} 
.my-submenu { 
    position: absolute; 
    top: 100%;    /* 100% of firstlevel menu's height */ 
    left: 0;    /* align to firstlevel menu's left side */ 
    width: 100%;   /* width of firstlevel menu */ 
}

将内容对齐到父框的末尾应该可以解决您的问题。

有一个JSFiddle为enlightenment。

我建议你多搜索一下盒子的位置，因为它对于构建下拉菜单和依赖于绝对/相对定位的各种其他功能来说至关重要。

来源

2017-04-19 13:28:36

向下投票：您无法从给出的信息中判断问题的根源。 “使用绝对定位时，您必须始终指定您的内容位置 - 这是不正确的 –

感谢您的提醒。由于给出的信息，通过使用示例并指定我的观点，难道你不认为这是一个有效的答案吗？必须承认：由于没有来自@Bill Frie的代码，我的回答主要是基于经验。 “看到这之前”的一种观点 –

我的选项卡上的下拉菜单为html

回答

相关问题