居中和固定的導航

我有下面的CSS，這使得我的導航欄居中。但是，我想添加下面一行「位置：固定」，但是如果我這樣做，導航欄將不再居中，並且不再有邊框線在屏幕上延伸。居中和固定的導航

有什麼建議嗎？（謝謝！）

.navbar{ 
    border:1px solid #ccc; 
    border-width:1px 0; 
    list-style:none; 
    margin:0; 
    padding:0; 
    text-align:center; } 

.navbar li{ 
    display:inline; } 

.navbar a{ 
    display:inline-block; 
    padding:10px; } 

body { 
    padding-left: 0em; padding-bottom: 0em; 
    color: white; 
    background-color: #708090; 
    font-family: Georgia, Times, serif}

來源

2013-08-07 Dreamwatcher

沒有我的回答不會爲你工作？ – Coop

如果你在附近，我會給你買一瓶啤酒：）2天前我一直在尋找解決方案。謝謝！ – Dreamwatcher

如果我的回答是正確的，你應該通過點擊打勾來接受它。謝謝。 – Coop

HTML

<nav> 
    <ul> 
    <li><a href="#">First Nav Item</a></li> 
    <li><a href="#">Second Nav Item</a></li> 
    <li><a href="#">Third Nav Item</a></li> 
    </ul> 
</nav>

CSS

nav { 
    position: fixed; 
    top:0; left:0; 
    width:100%; height:40px; 
    line-height:40px; 
    text-align: center; } 

nav li { display: inline; }

來源

2013-08-07 10:20:52 Coop

居中和固定的導航

回答

相關問題