1

私はナビゲーションバーを持っています:

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 の左側には常にスペースがありますが、右側にはスペースがありません。この問題を解決するにはどうすればよいですか???

4

2 に答える 2

1

width: 100%CSS から削除します。はdivブロック レベルであるため、利用可能なすべての水平方向のスペースを占有します。明示的な 100% を追加すると、それを与えるときに問題が発生するだけですpadding。この場合は、border

于 2013-03-14T19:08:04.277 に答える
0

問題を解決するには、border-width と 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-14T19:10:22.673 に答える