层其实是网页设计布局中的概念，网页是由一个个层或块构成的，层和层之间可以重叠，处于上方的层可以覆盖下方的层，层还可以浮动，这样来达到各种各样的网页布局。层的这些表现方式（样式）是通过css来进行控制的。css即级联样式表也叫层叠样式表，是控制网页中各种元素表现样式的集合。如今最常用也是最广泛、最主流的做法是使用<div></div>标签作为层来应用css样式。所以div+css的含义就是使用<div></div>标签作为层来应用css样式进行网页布局的HTML设计方案。
所以单从html角度去看，层的代码就是<div></div>。
这是利用定位方式属性来设定浏览器如何来定位HTML元素。定位属性控制网页所显示的整个元素的位置，它可设置元素是放置在页面的绝对位置，也可设置为相对于其他元素的位置。在本例中：position:absolute就表示采用绝对定位的方式。采用绝对定位方式就需要同时采用left,right,top,bottom等属性来进行绝对定位，而这些属性也称为元素位置属性，分别表示对象与其最近一个定位的父对像的左侧，右侧，顶部和底部的相对位置，它的值可以为auto百分数；数值+单位。在本例中left:396px top:66px采用的为：数值+单位，分别为与父对象的左侧相对位置396像素，顶部的相对位置为66像素。因为在采用absolute定位时，该元素就被当作一个矩形覆盖物来格式化，格式化后的矩形区域就变成了一个可以放置其他html元素的容器，这个容器也就是层元素，它可以凌驾于html 文档的布局之上，区域下面的文字图形无法环绕和透过该容器显示出来。所以z-index:1中是利用层叠顺序属性设定层的先后顺序和覆盖关系，z-index值高的层覆盖z-index值低的层，一般情况下为1，表示该层位于最下层。width和height是分别设定层的宽度和高度，在本例width:12pxheight:103px 表示宽度为12像素，高度为103像素这个不是已经给了吗???怎么还来???<style>
.poDiv{
position:absolute
width:200px
background:red
}
</style>
<script>
document.getElementById("div_1").style.left=Math.floor(Math.random()*1000)+"px"
document.getElementById("div_1").style.top=Math.floor(Math.random()*600)+"px"
document.getElementById("div_2").style.left=Math.floor(Math.random()*1000)+"px"
document.getElementById("div_2").style.top=Math.floor(Math.random()*600)+"px"
</script>
我这个不行吗???
