1+X证书学习日志——定位

##

　　　　静态定位：

                position:static;    默认值，指定left/right/top/bottom/  没有作用。

                position:absolute;   绝对定位

                    a:参照物：已经设置定位的父元素。【如果没父元素或者父元素都没有定位的情况下，以 文档 参照物】

                    b:破坏文档流（布局流），不占据空间

                position:relative  相对定位

                    a:参照物：是自身默认位置

                    b:不会破坏文档流，占据空间。

                position:fixed;

                    a:参照物：浏览器窗口

                    b:不占据空间

 

##

 

　　包含块的设置：

        如果想让某个父元素形成“参照物”,需要给父元素设置position:relative;

        需要做定位的子元素，添加position:absolute;

 

##　　层次关系

 

　　　　定位元素的层次关系：

                z-index:   属性值为一个数值。数值越大越在上层显示。

                    默认值为auto;

 

##　　

　　　让元素在浏览器窗口上下左右居中

 

                {

                    position:fixed;

                    left:0;right:0;　　　　　　　　//实现思路：把元素从文档流中脱离出来

                    top:0;bottom:0;

                    margin:auto;

                }