美文网首页
CSS盒子的定位

CSS盒子的定位

作者: 俊_杰 | 来源:发表于2017-06-10 18:51 被阅读0次

    1、静态定位

     概念:元素正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置身于父元素中;书写:position:static;

    2、相对定位

    概念:设置为相对定位的元素会相对于自己原来的位置偏移摸个距离,元素仍然保持其未定位前的形状,他原本所占的空间仍保留;书写:position:relative;

     3、绝对定位

    概念:绝对定位元素的位置相对与最近的已定位祖先元素,如果元素没有以定位的祖先元素,那么他的位置相对于最初的包含块。书写:position:absolute;

    4、固定定位

    概念:元素框的表现类式与将position设置为absolute,不过其包含块是视窗本身;写法:position:fixed;

    相关文章

      网友评论

          本文标题:CSS盒子的定位

          本文链接:https://www.haomeiwen.com/subject/tllcqxtx.html