相对定位与绝对定位

相对定位是指元素根据自身初始位置进行偏移,初始位置还占有原来位置(即占有父元素位置)。

绝对定位是指元素根据具有position属性的父元素进行偏移,如果父元素没有该属
性,则一直往上找,直到body结束;那个祖先有position属性,则相对于哪个祖先进
行偏移,如果都没有,则相对于body进行偏移。该元素不论初始位置还是偏移后位置
都不占有空间(即不占父元素位置),像飘起来一样。

注:
1. 一般绝对定位和相对定位不单独使用,绝对定位要和相对定位配合使用。
2. 在css样式中只添加position: absolute; 则left,top值与原文档流位置一致。即跟当
   它static时的位置一样,但是不占位。
2. 在css样式中只添加position: relative; 则仅给子控件做定位使用。

你可能感兴趣的:(相对定位与绝对定位)