两个DIV或多个DIV顺序重叠加.docxVIP

PAGE

PAGE1

两个DIV或多个DIV顺序重叠加

DIV堆叠CSS让DIV层叠、叠加，CSS让两个DIV或多个DIV按程序堆叠叠加篇

让DIV重叠并按想要举措重叠必要CSS来实现，即CSS肯定定位进展实现。

重叠格局须要主要CSS目录抒发

1、z-index重叠顺序属性

2、position:relative和position:absolute设置装备摆设对象属性为可定位（可堆叠）

3、leftrighttopbottom肯定定位具体位子设置

协作的花式

1、csswidth

2、cssheight

3、bac公斤round为了考查效果，咱们对不合DIV设置装备摆设差距布景色采进展区分

尔后我们为大家奉上DIV按自身意愿堆叠、叠加实例构造。咱们新建4个DIV盒子，一个大的DIV盒子，CSS定名为.div-relative，三个小DIV盒子放于第一个大DIV对象盒子内，DIV定名分袂为.div-a、.div-b、.div-c。

一、未排序、为排倒叙DIV层叠堆叠实例

1、残缺HTML源代码如下：

div堆叠叠加实例未排层叠步调

.div-relative{position