美文网首页
8、三种定位及特性

8、三种定位及特性

作者: 波罗的海de夏天 | 来源:发表于2017-06-20 00:19 被阅读0次

    定位:把一个元素,按照一定的方式设置在页面的摸一个位置;

        position
            1、相对定位 relative
                针对自己本身的位置进行定位;
            2、绝对定位 absolute
                针对有定位的父级的原点进行定位;父级无定位针对父级的父级...;如果都没有针对document;
                温馨提示:绝对定位即使没有初始值,也一定要设置值;(left:0px; top:0px;)
            3、固定定位 fixed
                针对页面窗口进行定位;
                温馨提示:IE6,不支持固定定位;
    
        偏移量
            left、top、right、bottom
            温馨提示:left、top优先级高于right、bottom;
    

    三种定位的特性:

        相对定位 relative
            1、不影响元素本身的特性;
            2、不使元素脱离文档流;
            3、提升层级; 
            4、无法触发BFC;
            5、针对自己本身进行定位;
    
        绝对定位 absolute
            1、会使元素完全脱离文档流;
            2、内容撑开宽度和高度;
            3、使元素支持所有的css样式;
            4、提升层级;
                  z-zoom:数值;定位层级设置;(数值越大,层级越高)
            5、绝对定位要和相对定位配合使用;
            6、如果有定位父级,针对定位父级发生偏移,没有定位父级,针对document进行偏移;
            7、如果绝对定位的子级有浮动,可以省略清浮动(BFC)操作;
    
        固定定位 fixed
            1、针对窗口进行定位
            2、不支持IE;
            3、如果固定定位的子级有浮动,可以省略清浮动(BFC)操作;
    

    派生选择器:

       是由id选择器、class选择器、标签名选择器组合而成;
       根据选择器优先级精确控制标签;
           比如可以假设:id选择器:10000、class选择器:100、标签名选择器:1;

    相关文章

      网友评论

          本文标题:8、三种定位及特性

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