CSS学习笔记——定位

刚入门CSS时，对于定位的几个属性很迷。今天得空学习之后，写写心得。

定位常用于布局，利用定位可以将元素精确的摆放到任何位置。定位的属性：static、relative、absolute和fixed。

1、static是默认值，存在于正常流之中，不能使用便宜属性（top、right、bottom、left）；

2、相对定位：relative。与静态定位（static）一样，不会脱离正常流，也不会改变元素盒类型，行内元素不会改变为块级元素。相对定位会根据原先的位置偏移，并且原先所占用的空间还会保留。

       span {
            position: relative;
            top: 20px;
            left: 30px;
            width: 100px;
            height: 30px;
            background: darkorange;
        }

<div>
    改变相对定位的位置，改变
    <span>相对定位的位置</span>
    ，改变相对定位的位置
</div>