1、新建一个相对定位的使用.html 文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:相对定位的使用,如图所示:
3、输入style标签,type=text/csss,如图所示:
4、设置一个300x300px的正方形,如图所示:
5、使用position设置其相对位置,如图所示:
6、运行网页,可以看到相对定位是相对于之前的位置,如图所示:
时间:2024-10-13 12:14:08
1、新建一个相对定位的使用.html 文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:相对定位的使用,如图所示:
3、输入style标签,type=text/csss,如图所示:
4、设置一个300x300px的正方形,如图所示:
5、使用position设置其相对位置,如图所示:
6、运行网页,可以看到相对定位是相对于之前的位置,如图所示: