CSS —— 子绝父相

相对定位:占位;不脱标

绝对定位:不占位;脱标

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

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


子绝父相例子

注意:

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

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

子绝例子

相关推荐
難釋懷12 分钟前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
特立独行的猫a17 分钟前
Nuxt.js 中的路由配置详解
开发语言·前端·javascript·路由·nuxt·nuxtjs
咸虾米19 分钟前
在uniCloud云对象中定义dbJQL的便捷方法
前端·javascript
梨子同志20 分钟前
JavaScript Proxy 和 Reflect
前端·javascript
汤圆炒橘子24 分钟前
状态策略模式的优势分析
前端
90后的晨仔40 分钟前
解析鸿蒙 ArkTS 中的 Union 类型与 TypeAliases类型
前端·harmonyos
IT_陈寒1 小时前
Element Plus 2.10.0 重磅发布!新增Splitter组件
前端·人工智能·后端
挑战者6668881 小时前
vue入门环境搭建及demo运行
前端·javascript·vue.js
贩卖纯净水.1 小时前
Webpack的基本使用 - babel
前端·webpack·node.js
用户882093216672 小时前
Vue组件通信全攻略:从父子传参到全局状态管理,一篇搞定!
前端