html - 如何正确地将标题背景颜色传播到边缘？

Question

我对编码完全陌生，此时我只涉足 HTML 和 CSS。我试图让我的导航栏扩散到浏览器的边缘，而不是中间有空白。

我可以通过添加负边距来实现这一点，但这似乎不是一个直观的解决方案。有没有比负边距更容易或更合乎逻辑的方法？

CSS：

#top-nav {
    overflow: hidden;
    background-color: #f1f1f1;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px; 
}

#top-nav a {
    float: left;
    color: black;
    text-align: center;
    padding: 14px;
    line-height: 25px;
}

#top-nav :hover {
    background-color: darkgray;
}

标签： htmlcss