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

依然范特西╮ 提交于 2019-12-03 21:18:35
##
    静态定位:
                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;
                }
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!