html - 谷歌/StackExchange 导航栏

Question

我想制作一个像 Google(他们的新导航栏)或 StackExchange 那样的导航栏，它位于顶部。它不必是持久的，我需要的只是链接，但我怎样才能让它像那样立即保持在顶部？更重要的是，我怎样才能让它始终填满屏幕的整个宽度(而不是具有定义的宽度)？

目前我有一个简单的内联列表，但宽度已定义。

为此，我愿意在任何程度上使用新的 HTML5 技术和 CSS。

Answer 1

你需要做这样的事情

<div id="topBar">
    This is content
</div>

CSS

body{margin:0; padding:0;}
#topBar{width:100%; text-align:center; background:#ccc; height:25px;}

http://jsfiddle.net/jasongennaro/Xpxhy/

那么，你

1. 将 div 放在开始的 body 标签之后。
2. 确保主体上没有边距或填充。
3. 将宽度设置为100%
4. 居中对齐文本。