CSS —— 子绝父相

相对定位:占位;不脱标

绝对定位:不占位;脱标

希望子元素相对于父元素定位,又不希望父元素脱标(父元素占位)

子级是 绝对定位,不会占有位置, 可以放到父盒子里面的任何一个地方;父盒子布局时,需要占有位置(占据原来的位置),父亲只能是 相对定位


子绝父相例子

注意:

1.首先两标签得是嵌套关系(父子关系),不可以是兄弟关系

2.top、right、bottom、left这四个属性要生效的话,必须得设置相对定位/绝对定位

子绝例子

相关推荐
小徐_233311 分钟前
uni-app 组件库 Wot UI 2.0 发布了,我们带来了这些改变!
前端·微信小程序·uni-app
❀͜͡傀儡师17 分钟前
Claude Code 官方弃用 npm 安装方式:原因分析与完整迁移指南
前端·npm·node.js·claude code
知识分享小能手22 分钟前
ECharts入门学习教程,从入门到精通,ECharts高级功能(6)
前端·学习·echarts
阿祖zu22 分钟前
OpenClaw 入门到放弃:私人 AI 的初代原型机
前端·后端·aigc
ZC跨境爬虫23 分钟前
3D地球卫星轨道可视化平台开发 Day15(添加卫星系列模糊搜索功能)
前端·数据库·3d·交互·数据可视化
m0_7381207242 分钟前
渗透基础知识ctfshow——Web应用安全与防护(第六 七章)
服务器·前端·安全
Sun子矜42 分钟前
Web项目18+项目21
前端
青花瓷43 分钟前
在PyCharm的Django工程中修改初始页
css·html·css3
踩着两条虫1 小时前
VTJ:项目模型架构
前端·低代码·ai编程
踩着两条虫1 小时前
VTJ:DSL语言规范
前端·低代码·ai编程