html - Navbar div 按边界偏离中心

Question

我有一个导航栏:

HTML:

<div id="navbar">
</div>

CSS:

#navbar{
    width: 100%;
    height: 50px;
    background-color: #F0F0F0;
    border-color: #B2B2B2;
    border-style: solid;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

由于某种原因，边框使它偏离中心，div 的左侧总是有一些空间，但右侧没有。我该如何解决这个问题？？？

Answer 1

从您的 CSS 中移除 width: 100%。 div 是 block 级的，因此将占用所有可用的水平空间。添加一个明确的 100% 只会在您给它 padding 或在本例中为 border

时引入问题