使用CSS的下拉覆盖问题

我无法解决以下问题：

请注意下拉菜单“公司分支机构”和“业务领域”，展开后，它会隐藏在较低部分的后面。我所希望的是把它带到顶端

在手机上查看时，页眉徽标+文字不适合，徽标将从视图中消失。最好的解决方法是什么

谢谢。

第二期请使用此

.main-header .hero-header .inner-hero-header {
position: relative;
width: 100%;
left: 0;
z-index: 10;
bottom: 0;
}

---

.Internal hero header class位置为“绝对”，因此，您可以将位置更改为“相对”

1:隐藏选择字段的第一个问题可以通过z索引处理。或者切换DOM顺序。但在这种情况下，在字段中包含一个简单的z索引可能更容易

.form-group.location-form {
    position: relative;
    z-index: 1;
}

这就行了。。。嗯，有点。 该字段大于其容器，并且在DOM树的某个位置指定了溢出隐藏。确切地说，是在英雄头上。 我不知道为什么需要它。但我建议把它去掉。（style.css:1560）

2：标题标识问题是由位置：绝对位置与底部：0组合引起的； 看起来这不是真的需要。 将其更改为位置：相对成功了。 这样，当标题中的文本需要更高的高度时，元素可以增长，而不会与其他元素重叠

.main-header .hero-header .inner-hero-header {
    position: relative;
    width: 100%;
    z-index: 9;
}

---

顺便说一句：这里可以省略底部和左侧的值。

为什么不创建一个代码段并在这里共享呢？似乎是一些东西的组合。OP可能不得不将整个网站粘贴到这里。但是，创建问题的简化版本可能会有所帮助。谢谢键入Style，你救了我一天：）您好，如果可以的话，别忘了向上投票并接受！；-）不客气。