前端Day14

作者: include_ | 来源:发表于2017-03-03 23:24 被阅读8次

    定位模式

    在CSS中,position属性用于定义元素的定位模式。

    属性值如下:

    static:默认的文档流的布局的方式决定了元素的位置就是静态的定位方式;

    relative:相对于原来的位置进行偏移;

    absolute:根据父容器(必须是非static的定位的容器)进行位置定位。

                     一般原则:子绝父相


    fixed:固定在浏览器的某个位置,浏览器scroll时不会发生变化。


    relative与absolute组合:


    1.参照定位元素必须是相对定位元素的前辈元素;


    2.参照定位元素必须加入position:relative;


    3.定位元素加入position:absolute就可以相对定位元素移动了。

    相关文章

      网友评论

        本文标题:前端Day14

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