本教程将介绍固定定位的使用
工具/原料
PhpStorm 2019.3.1 x64
方法/步骤
1
新建一个 固定定位的使用.html 文件,如图所示:
2
输入HTML5的结构代码,将title标签里面的内容修改成:固定定位的使用,如图所示:
3
输入
标签,如图所示:4
fixed属性的作用:固定定位,如图所示:
5
设置矩形的固定位置,如图所示:
6
运行网页,可以看到矩形固定在100x100px的位置上,如图所示:
上一篇:空调机位如何改造
PhpStorm 2019.3.1 x64
新建一个 固定定位的使用.html 文件,如图所示:
输入HTML5的结构代码,将title标签里面的内容修改成:固定定位的使用,如图所示:
输入
标签,如图所示:fixed属性的作用:固定定位,如图所示:
设置矩形的固定位置,如图所示:
运行网页,可以看到矩形固定在100x100px的位置上,如图所示: