新手CSS - 两盒

Question

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

Answer 1

那么你定义问题的方式就是你要做的事情需要争论很多，因为有许多方法比其他方法更适合于需要。除非另有定义，否则几乎所有内容都是透明的。

例如，你可以在一个方框内有一个方框

<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>

就代码的编写而言，这个将逐字地并排制作2个元素，但是内联样式z-index将使一个在另一个之上。但是，还有更多的方法我确定有些我甚至无法想到。但总的来说，所有这一切都取决于你最终需要什么，从长远来看会更适合你。

修改 的 如果我通过你的评论理解你，那么你基本上希望我的第二个概念最初发布，当然改变了一点，所以它在右边而不是左边。如果是这种情况，请在jsfiddle.net上查看此演示，看看这是否是您要找的。 http://jsfiddle.net/hEEGd/

Answer 2

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

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

• 宽度：两个宽内框的长度（+ 1-2 px）。

然后为两个内盒设置“float：right”。