css定位

css相对定位relative

相对定位relative：

       w3c上解释：为设置为相对定位的元素框会偏移某个距离。元素任然保持其未定位前的形状，它原本所占的空间任然保留。

       我的理解：   这时使用left，right，bottom，top来定位，这时的定位的位置是根据它原本所在的位置，而不是根据body来定位。

绝对定位absolute

绝对定位absolute：

         w3c上解释：为设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文                                                  档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

         我的理解：   这时用left，right，bottom，top来定位，而定位的依据是其包含块定位。这个包含块的意思是如果其父包含块定位为relative，这根据这个父包含块定位，如果

                             这个父包含块定位不是relative，这定位的依据便是初始的body。

一般来说relative 和absolute 是联合使用的。