導航欄的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關閉的邊境

回答

相關問題