如何在旋转木马下方浮动div？仅使用html和css

---

有谁能帮我把沙发放在旋转木马下面吗？我对这个有点陌生

给卡鲁塞尔一个

z-index:5和
位置：相对
并在它下面给你想要的div一个
位置：relative
和
top:-value
其中value是您希望它上升的像素

不要使用
而是使用您自己的卡鲁塞尔分区和标题

有关
z-index
工作原理的更多信息，请访问


标题{
高度：80px；
宽度：100vw；
背景颜色：黄色；
位置：相对位置；
}
导航{
高度：40px；
宽度：100vw；
背景颜色：粉红色；
位置：绝对位置；
底部：0；
}
旋转木马{
宽度：100vw；
高度：100px；
背景色：RGBA（0255,0,0.4）；
z指数：5；
位置：相对位置；
}
.类名{
宽度：80vw；
高度：200px；
背景颜色：浅蓝色；
显示：块；
保证金：0自动；
位置：相对位置；
顶部：-40px；
}
标题，
导航{
文本对齐：居中；
线高：40px；
}
旋转木马{
文本对齐：居中；
线高：100px；
}
.类名{
文本对齐：居中；
线高：200px；
}

标题
导航
旋转木马
旋转木马下方的DIV
您可以尝试此解决方案。使用边距顶部

JSFiddel链接：


正文{
颜色：#000；
}
标题{
背景：黄色；
填充：0.1rem；
}
.标题文字{
文本对齐：居中；
颜色：#000；
}
导航{
背景#FF9EC5；
填充：0.1rem；
}
#旋转木马{
背景#9BFF00；
填充：1rem；
}
#卡鲁塞尔{
背景：#95D6ED；
}
.发援会{
高度：240px；
边缘顶部：-2rem；
}
页脚{
背景：#c2c2；
}

分区转盘
标题
导航栏
旋转木马
旋转木马下方的分区
页脚
您的代码在哪里？你尝试了什么？到目前为止你的努力是什么？