定位方式 position:xxxx
相对定位 relative
绝对定位 absolute
固定定位 fixed (跟随下拉)
定位说明:
绝对定位:脱离文档流、默认参照物为浏览器视窗左上角
相对定位:不脱离文档流、默认参照物为此元素的默认位置
固定定位:脱离文档流、默认参照物为浏览器视窗位置、会跟随视窗移动
定位设置:
定位的坐标属性:top left right bottom 上左下右
z-index(Z轴):属性的值设为整数;数值越大越靠前
小技巧:
1、设置A为参照物:设A为相对定位元素、设B为绝对定位元素、相对定位元素层级高于绝对定位元素
2、返回顶部按钮:新建按钮(botton)、在按钮内部设置<a>标签、a标签链接添加#号
<botton><a href="#">返回顶部</a></botton>