html - 如何使用 HTML 和 CSS 设计全宽栏

标签 html css width

<分区>


要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist

关闭 9 年前

我想创建一个适合页面宽度 100% 的全宽导航栏,就像这个网站的栏一样,包含 *Inicio |事件 |通讯:

https://community.jivesoftware.com/welcome

我只想使用 HTMLCSS。另一方面,栏不必位于顶部。

我想做一些与图片非常相似的事情,但我不知道如何实现它

请分享一个简单的例子!提前致谢!

最佳答案

将您的栏包含在一个带有一些 id 的 div 中

<div id="mybar">
    <!-- your HTML -->
</div>

在 CSS 上,使用以下属性

#mybar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:50px;
}

关于html - 如何使用 HTML 和 CSS 设计全宽栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12251234/

上一篇:html - 嵌套 ul 水平对齐

下一篇:css google fonts cyrillic - 一些字母被切断

相关文章:

javascript - 如何通过特定属性的值获取 <td> 标签

javascript - 嵌套的 div 标签宽度

css - MailChimp 白色文本模板问题

javascript - jQuery 将鼠标悬停在不透明度上并单击停留在不透明度上

ios - 如何获取leftBarButtonItem的宽度?

html - iframe宽度问题

html - 有没有办法计算 html 宽度属性?

使用 z-index 属性显示和隐藏 div 的 javascript 代码

jquery - 仅显示图像的选择 + 'hover move around effect'

css - Internet Explorer 双三次背景图像重新缩放