的div互相CSS

您好我想使DIV 1的DIV 2顶部的顶部，但是这并不工作的div互相CSS

.div1, div2 { 
    width:100px; 
    height:100px; 
    float:left; 
} 
.div1{ 

    left:-50px; 

    position:relative; 
    z-index:-1; 
} 
.div2{ 
    left:-50px; 
    z-index:1; 
    position:relative; 
}

来源

2011-02-24 SuperString

StackOverflow不适用于* just you *。对于像你这样的人来说，志愿**免费专家级咨询**的全部重点是，我们正在为**所有人**创建资源。如果你去删除你的问题，以便答案不能帮助其他任何人，你就会销毁该资源。不要删除这样的回答问题。 – 2011-02-24 21:33:49

：

稍作调整，这个工作正常，我。现在它更低。

虽然这并不重要，但因为您已将它们都浮起并留有余量，因此它们实际上不会重叠。

尝试给红色框margin-left: -200px并给出蓝色框z-index: 10。

来源

2011-02-24 20:24:23 zdyn

尽量避免负面z-index值，

尝试使用z-index:1上.redbox

这里.bluebox和z-index:2你去：

Live Demo

的绝对定位和z-index的:)

来源

2011-02-24 20:17:56

我希望它们互相排在前面，而不是旁边 – SuperString 2011-02-24 20:23:40

检查更新的小提琴 – 2011-02-24 20:27:05

IE有一个'z-index：0;'总是从1开始的错误。 – Kyle 2011-02-25 08:05:22

如果第一次出现在HTML的蓝色方块巧妙地融合，然后更改BLUEBOX的左像素和红盒子的左-204px。如果红色框首先出现在HTML中，则将红色框的左侧更改为0px，将蓝色框的左侧更改为-204px。

（额外的4个像素是两侧的2 PX境）

使用迈尔斯的jsfiddle，这里是位置的演示：相对溶液：JSFiddle

来源

2011-02-24 20:19:06 TimFoolery

在您的例子中，盒子不重叠，因为它们彼此相邻浮动，然后将它们都移动到左侧100px。如果您希望它位于顶部，请尝试仅将红色框移动到左侧，然后将蓝色框放到更高的位置z-index。 z-index是堆叠顺序，数字较小的元素出现在数字较大的元素下面。 Mozilla Developer Network有关于此主题的良好信息。如果你想在上面，你必须给它一个较高的z-index值的蓝色框http://jsfiddle.net/mlms13/ZGJXt/2/

来源

2011-02-24 20:22:59

的div互相CSS

回答

相关问题