如何将空白空间添加到我的导航栏？

-1

http://i.stack.imgur.com/mDS5o.png 如何将空白空间添加到我的导航栏？

我基本上想在该导航栏的任何一边添加空白空间，所以它一直跟着到屏幕的尽头。如果有可能这样做，它将适合任何屏幕大小将是伟大的！我一直在编码两天，现在从codeacademy学习，所以我没有完全知道如何做这样的小事情。

非常感谢您的帮助。

（空空间的导航栏两边应该匹配导航栏的道具，即不透明度，大小）

而且我宁愿如果有人能向我解释如何做，因为我有注意到这里提出的许多问题都是用所需的确切代码来回答的，而复制+粘贴就是所有需要的。

这是林与

http://cssmenumaker.com/builder/459273

来源

2013-04-03 Kennen Lasuni

不可能没有你的代码 – Sowmya

你简直让所有物品放入不同的div，然后把它们飘浮（及保证金/填充），他们在的地方。然而，这不会工作时调整大小。尝试寻找基础。 –

我可能是错的，但我不同意......为什么不能解释如何添加导航栏两侧的空白空间并保持居中。 –

为了阐明pconline的代码在做什么，如果您创建了100％的div，然后为nav分隔div，则可以将外部div扩展为全宽度的100％，然后单独调整风格并将其对齐。

来源

2013-04-03 08:44:04 Dabien

你应该发表这个评论给Pconline的回答（当你有足够的声望......） –

我希望工作的这个例子可以帮助你

<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/

来源

2013-04-03 08:10:32 pconline2046

如何将空白空间添加到我的导航栏？

回答

相关问题