Web前端开发学习14——CSS定位机制：层定位

文件目录如下图所示：

一：固定定位
例子1的完整代码如下图所示：

显示如下图所示（距离浏览器左边和上边有一定距离）：

例子2的完整代码如下图所示：


显示结果如下图所示：

二：相对定位
完整代码如下图所示：


显示结果如下图所示：

三：绝对定位
完整代码如下图所示：


显示结果如下图所示：

四：层定位的简单案例
完整代码如下图所示：


显示结果如下图所示：

结束！

学习内容来源于中国大学MOOC-Web前端开发（4-7），如有错误，请指正！！！