Question

您可能已经看过StackOverflow中的工具栏（位于本页顶部），它是如何挂在视口外的。两个边缘都悬挂在页面上，顶部也是如此。我已经尝试了这么多次但找不到答案。我如何让div表现得像这样 - 在html，css或javascript-有人可以帮助我吗？（位置：固定;不是我要找的。）

Answer 1

它只是一个div，但你必须关闭身体周围的填充物：

<body>
   <div class="bar">test</div>
</body>

body{
  margin:0;
  padding:0;  
}

.bar {
  padding:3px;
  background-color:#ff7200;  
}

div自动拥有width 100%

Answer 2

如果您正在谈论页面顶部的灰色栏，那么它只是一个以灰色背景和底部边缘为负的div：

#custom-header {
    background-color: #EEEEEE;
    height: 31px;
    margin-bottom: -31px;
}