CSS教程 相对定位的应用

1、新建一个 relative.html 文件，如图所示

2、输入 作用：使用html5的标准，如图所示：

3、输入网页结构的头部和主体，设置title为：相对定位的应用，如图所示：

4、新建一个 relative.css 文件，并且导入css文件，如图所示

5、定义一个类名为：box1 的区块，如图所示：

6、使用相对定位(relative)让类名为：box1 的区块，向右移动150px，如图所示：