导航栏的div关闭的边境

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的左边，但不在右边。我该如何解决这个问题？

来源

2013-03-14 william44isme

做保证金：汽车;有帮助吗？ – 2013-03-14 19:04:16

http://www.w3.org/TR/CSS2/box.html – j08691 2013-03-14 19:09:14

从您的CSS中移除width: 100%。 div是块级别的，因此将占用所有可用的水平空间。添加一个明确的100％只是在给出padding或在这种情况下border

来源

2013-03-14 19:08:04 CherryFlavourPez

谢谢！完美的解决方案，我将铭记未来的div！：D – william44isme 2013-03-14 19:13:24

添加边框宽度和CSS3框大小以解决问题时引入问题。

border-width:2px; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
box-sizing:border-box;

http://jsfiddle.net/ADwwP/1/

来源

2013-03-14 19:10:22

http://jsfiddle.net/ADwwP/1/ – 2013-03-14 19:11:35

导航栏的div关闭的边境

回答

相关问题