我想制作一个像 Google(他们的新导航栏)或 StackExchange 那样的导航栏,它位于顶部。它不必是持久的,我需要的只是链接,但我怎样才能让它像那样立即保持在顶部?更重要的是,我怎样才能让它始终填满屏幕的整个宽度(而不是具有定义的宽度)?
目前我有一个简单的内联列表,但宽度已定义。
为此,我愿意在任何程度上使用新的 HTML5 技术和 CSS。
最佳答案
你需要做这样的事情
<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/
那么,你
- 将
div
放在开始的body
标签之后。 - 确保主体上没有
边距
或填充
。 - 将
宽度
设置为100% - 居中对齐文本。
关于html - 谷歌/StackExchange 导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6878175/