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. 总结

相关推荐
莫的感情几秒前
下载按钮点击一次却下载两个文件问题
前端
一个很帅的帅哥4 分钟前
JavaScript事件循环
开发语言·前端·javascript
小宁爱Python9 分钟前
Django Web 开发系列(二):视图进阶、快捷函数与请求响应处理
前端·django·sqlite
fox_9 分钟前
深入理解React中的不可变性:原理、价值与实践
前端·react.js
Github项目推荐11 分钟前
你的错误处理一团糟-是时候修复它了-🛠️
前端·后端
Code小翊16 分钟前
C语言bsearch的使用
java·c语言·前端
云枫晖17 分钟前
Webapck系列-初识Webpack
前端·javascript
慧一居士20 分钟前
HTML5 功能介绍,使用场景,对应功能点完整使用示例
前端
海在掘金6112728 分钟前
告别“undefined is not a function”:TS如何让你的函数调用更安心
前端
云中雾丽31 分钟前
Flutter中Stream的各种使用场景和实现方式
前端