HTML5 定位网页元素

1. 定位(position)

position:static(标准)

position:relative(相对定位)

偏移量的方向

相对定位的规律

浮动元素设置相对定位

position:absolute(绝对定位)

绝对定位的规律

绝对定位不偏移

2. 固定定位(fixed)

可以发现,给body加了高度后,绝对定位div1跑到body的右下角了,而固定定位div2依旧在浏览器框的右下角。

3. 三种定位的特性

相对定位(relative)

绝对定位(absolute)

固定定位(fixed)

4. 重叠优先级(z-index)

5. 网页元素透明度(opacity)

6. 总结

相关推荐
码上成长1 小时前
GraphQL:让前端自己决定要什么数据
前端·后端·graphql
冴羽1 小时前
为什么在 JavaScript 中 NaN !== NaN?背后藏着 40 年的技术故事
前端·javascript·node.js
久爱@勿忘1 小时前
vue下载项目内静态文件
前端·javascript·vue.js
前端炒粉1 小时前
21.搜索二维矩阵 II
前端·javascript·算法·矩阵
合作小小程序员小小店2 小时前
web网页开发,在线%台球俱乐部管理%系统,基于Idea,html,css,jQuery,jsp,java,ssm,mysql。
java·前端·jdk·intellij-idea·jquery·web
不爱吃糖的程序媛2 小时前
Electron 应用中的系统检测方案对比
前端·javascript·electron
泷羽Sec-静安2 小时前
Less-9 GET-Blind-Time based-Single Quotes
服务器·前端·数据库·sql·web安全·less
pe7er2 小时前
用高阶函数实现递归:从匿名函数到通用递归生成器
前端·javascript
IT古董3 小时前
全面理解 Corepack:Node.js 的包管理新时代
前端·node.js·corepack
学习3人组3 小时前
清晰地说明 NVM、NPM 和 NRM 在 Node.js 开发过程中的作用
前端·npm·node.js