css如何讓兩個div重疊

這篇文章給大家分享的是有關(guān)css如何讓兩個div重疊的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

連江ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

css讓兩個div重疊的方法：首先利用【position:absolute】屬性對div設(shè)置絕對定位；然后利用z-index屬性來確定哪個div在上層。z-index屬性用于指定一個元素的堆疊順序。

重要屬性介紹：

position 屬性規(guī)定元素的定位類型。

屬性值：

• absolute    生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。

• relative    生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。

z-index 屬性指定一個元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。

屬性值：

• auto    默認(rèn)。堆疊順序與父元素相等。

• number    設(shè)置元素的堆疊順序。

• inherit    規(guī)定應(yīng)該從父元素繼承 z-index 屬性的值。

代碼實現(xiàn)：

html代碼：