html - CSS 重叠 div 顶栏

标签 html css

我想用 HTML/css 创建以下结构:

CSS overlapping

我想知道先制作哪个 div。绿色的放置黑色的位置或黑色的放置绿色的放在它上面。

有人可以建议怎么做吗?

红色框内为一般内容。

最佳答案

您应该为绿色 div 使用负边距底部。像这样:

<STYLE>
div.black {
  z-index: 10;
}
div.green {
  margin-bottom: -20px;
  z-index: 100;
}
</STYLE>
<div class="red"></div>
<div class="green"></div>
<div class="black"></div>

关于html - CSS 重叠 div 顶栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42199455/

相关文章:

javascript - 在更改时替换变量字符串

javascript - Vuetify - 列的断点

html - 使用本地镜像时 CSS 背景图像不起作用

html - 如何居中导航栏元素? (有反应地)

c# - 从 azure devops 服务器下载文件将错误的数据写入文件

html - 将链接的 div 保持在普通 div 之后

html - 如何阻止容器 div 允许内容溢出?

html - 更改使用 wordpress 插件填充的内容选项卡的颜色?

html - 为什么我不能居中我的选项卡?

html - Opera 中的 CSS 背景 SVG 动画奇怪行为