如何为网页制作静态标题？ [关闭]答案

【问题标题】：How can i make static header for a web page? [closed]如何为网页制作静态标题？ [关闭]
【发布时间】：2017-10-19 18:25:14
【问题描述】：

我正在尝试为网站制作标题，但我不希望标题（包含徽标、搜索栏和导航）向上滚动，它应该在一个地方是静态的，就像我们在这里为 https://stackoverflow.com/ 网站所做的那样。

【问题讨论】：

【解决方案1】：

最好提供代码以供将来参考，但使用 CSS 选择器选择要粘贴在页面顶部的元素。将 position: fixed 与属性 top:0 一起使用，实际上将其从 DOM 流中移除。

让我们说：

html

<div class="navbar">
 <ul>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
 </ul>
</div>

css

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  overflow: hidden;
}

Bootstrap 是一个使用和测试过的 CSS 框架，有助于缩短开发时间，并且有许多场景的文档，其中一个是固定导航。看看 https://v4-alpha.getbootstrap.com/examples/navbar-top-fixed/

【讨论】：

【解决方案2】：

只需添加：

position: fixed;

到你的标题类

【讨论】：

【解决方案3】：

position: fixed 可能就是您要找的。只需在 CSS 中将其添加到您的导航栏，您就应该是金色的。

【讨论】：