css - 如何使侧边栏与标题重叠?

标签 css html

我尝试使用 z-index 使侧边栏与标题重叠,但无法这样做。

header {
  width: 100%;
  height: 50px;
  background-color: blue;
  z-index: 0;
}

aside {
  height: 100vh;
  width: 300px;
  background-color: green;
  z-index: 200;
}
<body>
  <header></header>
  <aside></aside>
</body>

最佳答案

.aside定义position: absolute

header {
  width: 100%;
  height: 50px;
  background-color: blue;
}

aside {
  height: 100vh;
  width: 300px;
  position: absolute;
  top: 0;
  background-color: green;
 }
<body>
  <header></header>
  <aside></aside>
</body>

关于css - 如何使侧边栏与标题重叠?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41212990/

相关文章:

html - Chrome 中的 CSS 倾斜/阴影/悬停错误?

html - 附加图像时如何使边框在 Bootstrap 的输入组中保持一致?

javascript - Jquery动画三个按钮来进行开关

html - 文本区域文本对齐

javascript - 如何在 D3 设计中添加悬停文本?

html - 不使用边距的两列布局(一列可选)

javascript - 如何在每个中捕获 div 高度并在另一个中设置?

javascript - 事件委托(delegate)与闭包/For 循环?提供代码比较吗?哪种风格更好?

javascript - 刷新时背景随机变化

jquery - 移动浏览器用户代理字符串在其 HTML 呈现变体中的决定性组件是什么?