2013-04-03 102 views
-1

http://i.stack.imgur.com/mDS5o.png如何將空白空間添加到我的導航欄?

我基本上想在該導航欄的任何一邊添加空白空間,所以它一直跟着到屏幕的盡頭。如果有可能這樣做,它將適合任何屏幕大小將是偉大的!我一直在編碼兩天,現在從codeacademy學習,所以我沒有完全知道如何做這樣的小事情。

非常感謝您的幫助。

(空空間的導航欄兩邊應該匹配導航欄的道具,即不透明度,大小)

而且我寧願如果有人能向我解釋如何做,因爲我有注意到這裏提出的許多問題都是用所需的確切代碼來回答的,而複製+粘貼就是所有需要的。

這是林與

http://cssmenumaker.com/builder/459273

+2

不可能沒有你的代碼 – Sowmya

+0

你簡直讓所有物品放入不同的div,然後把它們飄浮(及保證金/填充),他們在的地方。然而,這不會工作時調整大小。嘗試尋找基礎。 –

+0

我可能是錯的,但我不同意......爲什麼不能解釋如何添加導航欄兩側的空白空間並保持居中。 –

回答

0

爲了闡明pconline的代碼在做什麼,如果您創建了100%的div,然後爲nav分隔div,則可以將外部div擴展爲全寬度的100%,然後單獨調整風格並將其對齊。

+0

你應該發表這個評論給Pconline的回答(當你有足夠的聲望......) –

0

我希望工作的這個例子可以幫助你

<div class="container"> 
    <div class="nav"> 
     <label>foo1</label><label>foo2</label><label>foo3</label> 
    </div> 
<div> 

CSS

.container{width:300px;height:50px; background-color:blue} 
.nav{width:120px; height:50px; background-color:green; margin:0 auto;} 
.nav label{line-height:50px;} 

http://jsfiddle.net/r3D4b/