下拉菜單浮動左側和導航菜單正在模糊

Question

我第一次使網站。我遇到與下拉菜單有關的問題。它正在走向左側。請幫助我使用代碼，使其位於導航菜單的下方，並且在懸停時應該可見。提前致謝。

這裏是我的CSS代碼：

ul { 
    list-style-type: none; 
    margin: 0; 
    padding:10px 2px 10px 2px; 
    overflow: hidden; 
    background-color:rgba(0,0,0,0.5); 
    position: fixed; /* To keep navigation menu fixed*/ 
    top: 0px; 
    left: 0px; 
    width: 99.21%; 
    height: 77px; 
    z-index:1000; /* To bring ul above image.*/ 
} 

ul li a { /*Link Decoration*/ 
    display:inline-block; 
    color: white; 
    padding: 14px 16px; 
    text-decoration: none; 
    z-index: 1000; 
    text-align:center; 
} 

li { 
    float: left; 
} 

li a:hover { 
    background-color: #111; 
    display: block; 
    z-index:1000; 
} 

Answer 1

更換left:0到right:0和float到right：

ul { 
    list-style-type: none; 
    margin: 0; 
    padding:10px 2px 10px 2px; 
    overflow: hidden; 
    background-color:rgba(0,0,0,0.5); 
    position: fixed; /* To keep navigation menu fixed*/ 
    top: 0px; 
    right: 0px; 
    width: 99.21%; 
    height: 77px; 
    z-index:1000; /* To bring ul above image.*/ 
} 
li { 
    float: right; 
}