css元素如何重疊？

css元素重疊的方法：1、給元素設定負margin，負margin可以讓元素的佔用空間變小，後面的元素可以覆蓋當前的元素；2、使用position屬性，利用相對定位和絕對定位來讓多個元素重疊。

本教學操作環境：windows10系統、css3版，此方法適用於所有品牌電腦。

CSS元素的重疊方式：

#方法1、設定負margin

給元素設定負margin使其移動後原來的位置是不會保留的

負margin可以讓元素的佔用空間變小後面的元素可以覆蓋當前的元素

(這裡有兩個相同大小的p 寬高都是100px (如圖一) 當我們給上面類別名為p的p設定了-margin-bottom之後(見圖二) 我們發現下面的元素覆蓋了-margin的位置)

圖一:

相對定位（position: relative）：原來位置保留且不會擠到其他元素，只會重疊

#絕對定位（position: absolute）：不保留原來位置脫離頁面流

範例：

#########效果：###############更多程式相關知識，請造訪：###程式設計學習網站###！ ！ ###

以上是css元素如何重疊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！