如何讓一個div重疊其他

-3

那麼，如果你看到，如果有兩個divs如何讓一個div重疊其他

<div id="red"> 
</div> 
<div id="blue"> 
</div> 

#red{ 
    height: 100px; 
    width:20px; 
    border: 1px; 
} 
#blue{ 
    height: 100px; 
}

它們都呈現爲紅一則顯示藍色。

是否有可能紅色div實際上是在藍色div的位置，但藍色div在同一個位置？

來源

2016-12-30 Beenu

嘗試在css中使用定位 – Afsar

嘗試嵌套'div'，如果沒關係，或者您可以使用css來定位它們。 – ashok93

[http://stackoverflow.com/questions/270493/how-would-you-make-two-divs-overlap](http://stackoverflow.com/questions/270493/how-would-you-make-two -divs-overlap），[http://stackoverflow.com/questions/15440391/how-to-control-div-overlapping-in-html](http://stackoverflow.com/questions/15440391/how-to- control-div-overlapping-in-html）引用這些，堆棧本身還有更多其他帖子。 –

使用position: absolute;爲紅色div會導致它「浮動」，然後藍色div將開始在與紅色相同的位置。

見代碼片段：

#red { 
 
    height: 100px; 
 
    width: 20px; 
 
    border: 1px; 
 
    background: red; 
 
    position: absolute; 
 
} 
 
#blue { 
 
    height: 100px; 
 
    background: blue; 
 
}

<div id="red"> 
 
</div> 
 
<div id="blue"> 
 
</div>

如果你的目的是創造這一切之上的100px的空的空間，那麼你可以添加margin-top: 100px;到#blue CSS規則。

來源

2016-12-30 09:50:51

如何讓一個div重疊其他

回答

相關問題