如何在 Div 中实现子 Div 的居中重叠？

嘿，我们来谈谈 CSS 布局。
我记得当我第一次进入这个行业时，做所有这些推销和推销真是让人不知所措。
说到这里，这个嵌套在中间的Div其实是一个常见的问题。

我们首先设置父Div，给它一个固定的宽度和高度，并使用相对定位，以便子Div可以基于它。
给它一个红色边框，这样我们就可以看到效果。
代码是这样的：
css .parent-div { 宽度：5 00px； 高度：5 00px； 边框：5 px 纯红色； 边距：自动 1 00 像素； 位置：相对；
然后是子Div，我们需要让它绝对可定位，这样它才能相对于父Div定位。
将top、left、right、bottom设置为0，然后在center上使用margin:auto。
为了区分它们，我们为不同的子Div设置不同的宽度、高度和背景颜色。
例如：
CSS .child-div1 , .child-div2 { 宽度：2 00px； 高度：2 00px； 背景：蓝色； 位置：绝对； 顶部：0； 左：0； 右：0； 底部：0； 区别：自动； } .child-div1 { 宽度：4 00px； 高度：4 00像素； 背景：黄色；
接下来，HTML结构也很简单。
将两个子 Div 放入父 Div 中：

通过此设置，两个子 Div 将在父 Div 的中心重叠。
最大的子 div (.child-div1 ) 将覆盖最小的子 div (.child-div2 )，因为它们在 HTML 中的顺序决定了哪个位于顶部。
如果要更改它们的位置并调整堆叠顺序，可以使用 z-index 属性。

说实话，这种方式简单高效，适合大多数需要居中嵌套div的场景。
当时我不太明白，后来慢慢就明白了。
现在看来，这其实是一个细节问题，但如果处理得好，网站看起来会更好。

html如何让其中一个div浮在另一个div上面

什么是 z 索引？它控制排序顺序。
数字越大，越高。
就像排队一样。
如果你的数字是 9 9 9 ，而对方的数字是 1 00，你就赢了。
但是，这一定是一个定位元素。
看一下这段代码：
我在上面
我在下面

这意味着第一个 div 位于第二个 div 之上。
简单吧？
你给出的例子中，div1 和div2 都没有写z-index，所以默认是auto，这其实和根本不写是一样的。
如果你想让div1 覆盖div2 ，你需要给div1 添加一个大的z-index值。

例如：
CSS .div1 { z 索引：1 000；
现在 div1 位于 div2 之上。
请记住，z-index 仅对位置元素有用。
类似显示：块；或位置：相对；会起作用的。

超文本标记语言文件的后缀为htm或。
你可以用记事本写。
所有代码都是一对一的，就像这样。
很简单，只需要建立一个网页即可。

CSS如何控制 2个div 的 部分 重叠在一起 并将其中一个div的内容固定显示在上层

您需要计算两个参数：绝对定位和z索引。

绝对定位将组件从文档流中取出。
z-index 控制层次关系。

设置绝对位置；使用位置：绝对； z-index-9 9 9 ;
在示例中；
对 class="b" 使用绝对定位并将其放置在 class="a" 之上。

class="b" z-index 最大；所以它显示在顶部
你就会明白代码的效果。
起初是这样的。