Html 这一页中间有两个小格，一个在另一个下面 我想把两个div放在第二个上面，在页面的中间。一个包含文本，第二个包含图像。div的大小不同。第一个更宽，第二个更高。我需要使用z-index，但是我应该如何将两个div居中放置（在第三个div内，页面100%高度和100%宽度？我可以使用：在之后，但当它们是相同的形状，但当它们不是相同的形状时）。默认情况下，元素设置为显示：block，这意味着每一个都将出现在单独的一行上。如果希望它们一个出现在另一个之上，只需将它们连续地放入代码中。接下来，您只需添加以下CSS： myDiv { position: relative // static (default) also works here margin: auto; }

我终于做到了：

$(document).ready(function(){
$('#textDiv').css('top',parseInt($('#externalContainer').css('height'))/2 - parseInt($('#textDiv').css('height'))/2 + 'px');
$('#picDiv').css('top',parseInt($('#externalContainer').css('height'))/2 - parseInt($('#picDiv').css('height'))/2 - parseInt($('#textDiv').css('height')) + 'px');
$('#textDiv').css('left',parseInt($('#externalContainer').css('width'))/2 - parseInt($('#textDiv').css('width'))/2 + 'px');
$('#picDiv').css('left',parseInt($('#externalContainer').css('width'))/2 - parseInt($('#picDiv').css('width'))/2 + 'px');
});

---

请在一篇文章中发布一个代码（HTML/CSS/JS）的最小工作示例。你看，不清楚，你的意思是什么？你不需要Z索引。这是他们如何把一个div放在另一个上面，但是我需要的是把它们都放在其他div的中间。我已经尝试了几种方法，但是位置相对地打破了所有的方法和div不再在中间。这两件事必须一起工作。