1、静态定位
概念:元素正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置身于父元素中;书写:position:static;
2、相对定位
概念:设置为相对定位的元素会相对于自己原来的位置偏移摸个距离,元素仍然保持其未定位前的形状,他原本所占的空间仍保留;书写:position:relative;
3、绝对定位
概念:绝对定位元素的位置相对与最近的已定位祖先元素,如果元素没有以定位的祖先元素,那么他的位置相对于最初的包含块。书写:position:absolute;
4、固定定位
概念:元素框的表现类式与将position设置为absolute,不过其包含块是视窗本身;写法:position:fixed;
网友评论