li.has-child {
    position: relative
}

ul.nav li.has-child > a::after {
    content: "";
    font-family: "fontawesome";
    margin-left: 4px;
}


li.has-child:hover {
    background-color: #09C;
}

li.has-child:hover > ul.sub-menu {
    display: block;
}




ul.sub-menu {
    display: none; /* 初始时不显示菜单 */
    list-style: none; /* 去除列表默认的符号 */
    background-color:white;
    
    margin: 0; /* 清空外边距 */
    padding: 0; /* 清空内边距 */
    position: absolute; /* 将菜单放在按钮上面 */
    top: 100%; /* 与按钮底部对齐 */
    left: 0; /* 左对齐 */
    list-style: none;
    width:100px; /* 根据内容自动调整宽度 */
    z-index: 9999; /* 提高菜单的层级，确保其在最前面显示 */
}

    ul.sub-menu li a {
        display:block;
        text-decoration: none; /* 取消超链接的下划线效果 */
        padding: 10px 10px; /* 添加内边距 */
        color: black; /* 文字颜色为黑色 */
        list-style: none;
    }