html定位position

定位：
    position（定位）：fixed（固定定位）/relative（相对定位）/absolute（绝对定位）
    都会在原来文档层的上一层
        top：50%/50px;
        bottom：50%/50px;
        left：50%/50px;
        right：50%/50px;
        
        fixed:相对于浏览器改变位置
        relative：相对于自己改变位置，自己原来的位置是保留的（一般配合绝对位置一块使用）
        absolute：相对于离自己最近的具有定位的父元素（相对定位、固定定位都是可以的）进行改变位置，自己原来的位置是不保留的（一般把他的父元素设置为相对定位 把子元素也就是他自己设置成绝对定位）（如果没有定位的元素相对于浏览器进行改变位置）
        具有定位的元素都是块级元素--行内元素不需要打dispaly：block；啦
        原则：给子元素加绝对定位，给父元素加相对定位
    z-index（设置元素的层叠顺序）：1/2/-2；值越大，越在最上层显示。
        必须是定位了的元素。
    border-radius:50%;
 
    元素的显示方式：
        display:block;块级元素的默认显示方式
        display;inline;行内元素的默认显示方式
        display:inline-block;行内块级元素的默认显示方式
        display:none;隐藏，但是不占用空间
        visibility:hidden;隐藏，但是占用空间
        
        把行内元素转换成块级元素：display：block；只是有了块级元素的属性但是本质上还是行内元素 还是不能在内部嵌套块级元素的等等  
        把块级元素转换成行内块级元素后，会在同一行显示 并且两个之间留有间隙 谷歌浏览器默认这个间隙是8px