的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

回答

相關問題