css中的位置定位

背景：在css中有四种定位方式，每种定位所包含的功能是不同的，在使用的时候选择合理的定位会让你的布局更加完美。
1.static：默认的定位方式
2.relative:可以让元素在相对它原来的位置进行移动，相对定位元素在常规流中，把元素设置相对定位后，可以通过：left、right、bottom、top进行属性的移动。
3.absolute:绝对定位，元素将以最近距离的父元素已经设置相对定位进行定位，不在常规流中。
4.fixed:固定定位，是绝对定位的一个子类型，只是将绝对定位中的position设置为fixed了，不在常规流中。