标题显示的HTML问题

URL：

问题：下拉菜单不起作用（将鼠标悬停在任何链接上查看），因为我的主框覆盖了它

我试图在不使用高度百分比的情况下对网站进行编码，因为我听说它很糟糕，而且我的网站在其他显示器上显示得很差，所以我将其全部改为px。无论如何，为了做主框，我使用了这个CSS

#content #main {
position: absolute;
top: 70px; 
bottom: 15px; 
width:100%;

所以它没有覆盖我的页眉或页脚。 问题是我的头，这是CSS

#content #header {
height: 70px;
width: 100%;
}

我希望它是这样的，这样它可以在所有屏幕大小上工作，主框自动生成它的大小，但是我显然希望我的下拉列表可见，所以我处于十字路口

那么我如何才能解决这个问题呢？ 此外，如果您需要更多信息，我的CSS也可以提供：

非常感谢

将z索引添加到ul

ul li ul {
    box-shadow: none;
    display: none;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 48px;
    transition: opacity 0.2s ease 0s;
    visibility: hidden;
    width: 150px;
    z-index: 50;
}

---

哇！非常感谢，伙计，这么快的回复，正是我想要的。我在不到5分钟前注册了stackoverflow，我的第一个问题已经得到了回答！太令人印象深刻了，我不能再接受这个答案8分钟，但非常感谢你会尽快接受它！：）