一、position属性
1、position: static
static为每个元素获得的默认值。即没有定位,意味着将元素放在文档流中的正常位置,其元素不会受到 top, bottom, left, right影响。
2、position: absolute
绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>。
两色块原来的位置如下图:
对红色块设置绝对定位后,就会脱离原来的图层,往上面抬了一层。
这样蓝色色块就挤到了红色色块原来的位置,从而被红色色块盖住了。
position: absolute共有4个css属性:分别是上左下右top,left,bottom,right。
对红色色块设置 left: 100px;
这4个css元素相对于它的第一个position不为static的父元素,如果没有,就相对于body
上图的红色方块的定位就是相对于body的。</