2.4相对定位
为了控制元素在正常排列位置上的堆叠顺序，可以用position:relative对它采取相对定位。相对元素的定位并没有脱离正常元素的排列位置，也没有改变它在正常排列位置时的形状。例如，如果一个内联元素横跨多行（大于等于一行），那么当对其进行相对定位后，它将会保留这个独特的布局。可以选择性地把相对定位元素从它的原始排列位置上进行偏移，使用left和top就可以了。把position:relative赋给任何元素，这样一来，绝对后代元素便可相对它来定位。模式如下：
三：盒模型探究学习
在CSS2.1中，块级元素只能是矩形形状的。当我们需要计算一个块级元素的整体尺寸时，需要同时把内容区域（content area）的长宽，连同此元素的外边距，内边距，以及边框都计算在内。盒子模型可以分为标准W3C盒子模型和IE盒子模型。标准W3C盒子模型如下图：
图1
该盒模型的范围包括margin、border、padding、content，并且content部分不包含其他部分。也就是说当我们在css中设计一个块级元素的width和height属性时比如.box{width ：100px; height:100px}时，其中的width 和height仅仅是对content部分设置的，即定义上图中padding-top和padding-bottom之间区域的长（padding-left和padding-right之间区域的宽）。而不是内容，内边距，边框的总和。而IE盒子模型如下图：
图2
该盒模型的范围包括margin、border、padding、content，和标准W3C盒子模型不同的是：IE盒子模型的content部分包含了border和padding。也就是说当我们在css中设计一个块级元素的width和height属性时比如.box{width ：100px; height:100px}时，其中的width 和height是内容，内边距，边框的总和。
对宽度为自动状态的静态（static）定位元素（即无定位），和相对定位元素来说，计算宽度的方法是，将他们包含块的宽度减去此元素的横向的所有外边距，内边距，边框，滚动条。也就是说，从包含块的宽度中除去元素的横向外边距，内边距，边框，滚动条（如果存在的话）的宽度，所剩的值就是了。举一个例子，
