CSS —— 子绝父相

相对定位:占位;不脱标

绝对定位:不占位;脱标

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

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


子绝父相例子

注意:

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

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

子绝例子

相关推荐
用户4099322502121 分钟前
Vue3响应式系统的底层原理与实践要点你真的懂吗?
前端·ai编程·trae
qq_4798754317 分钟前
RVO和移动语义
前端·算法
加菲喵17 分钟前
深度解析:在vue3中使用自定义Hooks
前端
hxmmm32 分钟前
js中生成器和迭代器
前端
黄交大彭于晏1 小时前
UniApp 全局通知功能实现
前端·vue.js·uni-app
sTone873751 小时前
Android核心概念(一)minSdkVersion targetSdkVersion compileSdkVersion
android·前端
林太白1 小时前
八大数据结构
前端·后端·算法
一 乐1 小时前
流浪动物救助|流浪猫狗救助|基于Springboot+vue的流浪猫狗救助平台设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设
火星数据-Tina1 小时前
Python + WebSocket 实现实时体育比分系统(含数据库设计与前端演示)
开发语言·前端
国思RDIF框架2 小时前
国思RDIF低代码快速开发框架 v6.2.2版本发布
前端·vue.js·后端