5. CSS之定位元素

定位，指确定某一事物在一定环境中的位置

属性position

属性值： fixed , relative, absolute, static
非static属性值，会使得元素表现为block

static

默认定位， 跟随文档流； 一般 从上至下，从左至右； 修改过文本流方向除外

    body{
        position: static;
        top: 100px;
        left: 100px;
    }

fixed

固定定位， 常用于广告，或醒目的固定内容; 作用于可视窗口

    body{
        position: fixed;
        top: 100px;
        left: 100px;
    }

realtive

相对定位； 相对于当前元素在正常文档流的位置

    body{
        position: realtive;
        top: 100px;
        left: 100px;
    }

absolute

绝对定位，相对于最近一个非static修饰的父级元素

    body{
        position: absolute;
        top: 100px;
        left: 100px;
    }

瞅瞅非static定位

* 不设置top,left,bottom,right会如何？
* 固定了宽高，设置top,left,botoom,right优先级如何？