div{
width:200px
height:400px
border:2px red solid
float:left
}层模型有三种形式：
(1)绝对定位(position: absolute)
div{
width:200px
height:400px
border:2px red solid
position:absolute
left:100px
top:50px
}
(2)相对定位(position: relative)
(3)固定定位(position: fixed)
层模型中，各元素可能出现堆叠。堆叠顺序可以用z-index控制，z-index大者在上。z-index相同时，根据CSS声明顺序，靠后者在上。
目前盒子模型分为两种。（1）w3c标准盒子模型 （2）ie盒模型盒子模型分为 内容content + 内边距padding + 边框border + 外边距margin 四部分。
w3c标准盒子模型 与 ie盒模型 的区别：
标准盒子模型的 宽度width 和 高度 height 只包含 content内容部分，不包含padding内边距 和 边框border。
ie盒子模型 宽度width 和 高度 height 包含 内容+内边距+边框三部分。
