css绝对定位absolute和相对定位relative实例讲解

一、如果元素的position属性值为absolute，那么此时分为两种情况：

1. 父级（包括直接父级和间接父级）元素中没有定义position属性（即默认属性static），那么该元素会参照页面，以页面为基准进行定位，top, left等属性会参照页面。

如果该元素的width和height属性是百分数的话，那么这两个属性也是参照页面的宽度和高度。

  
 
 
 
 
*{margin: 0; padding: 0;}
#div1 {
    width: 200px;
    height: 200px;
    background: #ccc;
}
#div2 {
    width: 50%;
    height: 50%;
    background: #aaa;
    top: 100px;
    left: 100px;
    position: absolute;
}
 
 
 

    


      
查看更多关于css绝对定位absolute和相对定位relative实例讲解的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did115239