Dropt down menu隐藏在div后面

Question

我正在使用下面的代码，并且不知道哪个部分有错误。

• 标题
• 体
• 页脚

问题是标题部分菜单无法显示在身体部位上。这意味着，身体部位在头部菜单上。

正文部分CSS不在这里。我一直在尝试z-index位置等。但我想我用了错误的方式并且无法弄明白。

＆＃13;

＆＃13;

s = requests.Session()
s.auth = ('username', 'password')
auth = s.post('http://192.168.2.1')
response = s.get('http://192.168.2.1/settings.html')
html = response.content
# etc

＆＃13;

     ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
        li {
            float: left;
        }

        li a, .dropbtn {
            display: inline-block;
            color: white;
            padding: 14px 16px;
            text-decoration: none;
            font-family: Arial;
            font-size: 25px;
        	color: #1a1a1a;
        	text-align:left;
        }

        li a:hover, .dropdown:hover .dropbtn {
            background-color: red;
         }

        li.dropdown {
        display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

        }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
            position: relative;

        }

        .dropdown-content a:hover {background-color: #f1f1f1}
        .dropdown:hover .dropdown-content {
            display: block;
         }

＆＃13;

＆＃13;

＆＃13;