新手CSS-两盒

我是CSS新手，我正在尝试将两个透明框放置在正确的位置，一个放置在另一个上方（垂直对齐），我尝试了很多解决方案，但现在我被卡住了…

尝试将它们放置在第三个容器框中，并将其尺寸设置为：

• 高度：两个内框的高度总和（+1-2像素，如果其中任何一个有边框）

• 宽度：内盒两种宽度中较长的一种（+1-2像素）

---

然后为两个内部框设置“float:right”。

好吧，您定义问题的方式会留下很多关于您尝试做什么的争论，因为有很多方法，根据需要，有些方法比其他方法更适合。此外，除非另有定义，否则几乎所有内容都是透明的

例如，你可以在一个盒子里放一个盒子

<div><div></div></div>

这将使框显示在同一位置。你需要定义一个高度和宽度来给它一些维度。但是在这一个之外，在另一个之上

还有一个例子

<style>.layer{position:fixed;top:0;left:0;width:40px;height:40px;}</style>
<div class="layer" style="z-index:1;"></div>
<div class="layer" style="z-index:2;"></div>

.layer{位置：固定；顶部：0；左侧：0；宽度：40px；高度：40px；}

在代码编写过程中，这一个实际上会并排生成2个元素，但是内联风格的z-index会将一个元素置于另一个元素之上。但是，我确信还有更多的方法，有些我甚至想不起来。但归根结底，这取决于你最终的需求，从长远来看，什么更适合你

编辑

---

如果我通过你的评论理解你，那么你基本上希望我最初发布的第二个概念，当然有点改变，所以它在右边，而不是左边。如果是这样的话，请查看jsfiddle.net上的这个演示，看看这是否是您想要的

你的意思是，你有两个大小相同的盒子，你想放在另一个上面，或者你有两个盒子，你想在一个容器中水平和垂直居中（所以，两者都在中间）？你尝试过什么？在“谢谢你的帮助”分享你的代码，我想做的是：我看到的是“谢谢你的帮助，我想做的是：”如果你向一条评论提交了代码，但没有用反勾号括起来`那么它可能已经被过滤掉了。抱歉，这是一个错误。谢谢你的帮助，我想做的是：把两个盒子放在屏幕的右侧，然后，一个盒子在盒子2的上方，这样我就有了两个盒子，盒子1在盒子2的上方。对不起，我的英语不好。：-）嗨，我试过你的解决方案，但我不知道怎么了，你能帮我吗？我不太清楚你所说的错误是什么意思，我现在在Chrome上查看，两个框都显示在另一个框的上方。谢谢你的帮助，我想做的是：把两个框放在屏幕的右侧，然后，一个框放在框二的上方，这样我就有了两个框，框一在框二的上方。对不起，我的英语不好。：-）这就是应用我的答案后你应该得到的。要使一个盒子覆盖另一个，靠近屏幕右侧，您必须使用“float:right”，但要将它们放在第三个盒子（容器）中。当然，第三个盒子不必有边框或背景，所以它可能（很可能：应该）对访问者不可见。这只是一个容器，里面装着两个盒子，你想放在哪里。嗨，这就是我现在的东西。我已经更新了你的代码----这是你要找的东西吗（“向上”和“框”，都在下面，都在正确的位置）？多亏了我在这里找到了解决方案，如果其他人需要它，代码就在这里。