html - 在 CSS 中格式化 topnav

Question

谁能帮我弄清楚如何将我的菜单栏 (w/id = "topnav") 置于我的 HTML 页面顶部的中心？我尝试了一堆背景大小的东西，但似乎没有任何效果。我希望它固定并在滚动时水平填充页面。

#topnav a{
text-decoration: none;
color: #000;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 10px;
}

#topnav{
font-family: Courier;
text-align: center;
padding: 15px;
position: fixed;
left: 50%;
transform: translateX(-50%);
background: white;
/*background-size: 100% auto !important;*/
}

Answer 1

您是否尝试过将宽度设置为 100%？

编辑:

#topnav{
font-family: Courier;
text-align: center;
padding: 15px;
position: fixed;
left: 50%;
transform: translateX(-50%);
background: black;
/*background-size: 100% auto !important;*/
width: 100%;
top: 0;
}

这应该可行