定位流

作者: 5a4982b9b5fe | 来源:发表于2016-11-20 17:17 被阅读0次

    1.分类

    【1】相对定位 position:relation+top+right+bottom+left

    给它定位margin属性是给它定位之前的盒子添加margin属性的

    1)相对定位不脱离标准流的,还是会占用标准流的空间

    2)相对于以前相对自己以前在标准流中的位置来移动

    同一个方向上的定位属性只能有一个,由于相对定位不脱离标准流的,所以在相对定位中是区分块级元素,行内元素,行内块级元素

    设定box2的margin,会在移动之前的地方做出变化

    3)应用场景

    用于对元素进行微调

    【2】绝对定位

    position:absolute+top+left

    相对于body来定位

    1.)脱离标准流

    2)绝对定位的元素是不区分块级元素,行内元素和行内块级元素的

    3)参考点

    1.默认情况下都会以body作为参考点,无论有没有祖先元素,都会以body作为参考点

    2,如果一个绝对定位的元素右祖先元素,并且祖先元素也是定位流,那么这个绝对定位的元素就会以定位流的那个祖先元素作为参考点

    只有祖先元素有一个定位流就可以了,指的定位流指的是相对定位, 绝对定位和固定定位

    样式 box2元素以box1作为参考点 显示

    3.第三个规律

    第三个规律

    【3】固定定位

    静态定位

    相关文章

      网友评论

          本文标题:定位流

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