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;
                }

猜你喜欢

转载自www.cnblogs.com/qingmengWEB/p/11809413.html