CSS —— 子绝父相

相对定位:占位;不脱标

绝对定位:不占位;脱标

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

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


子绝父相例子

注意:

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

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

子绝例子

相关推荐
我叫汪枫14 小时前
前端物理引擎库推荐 - 让你的网页动起来!
前端
雾恋19 小时前
最近一年的感悟
前端·javascript·程序员
A黄俊辉A19 小时前
axios+ts封装
开发语言·前端·javascript
小李小李不讲道理20 小时前
「Ant Design 组件库探索」四:Input组件
前端·javascript·react.js
连合机器人20 小时前
晨曦中的守望者:当科技为景区赋予温度
java·前端·科技
郑板桥3020 小时前
tua-body-scroll-lock踩坑记录
前端·javascript
小*-^-*九21 小时前
php 使用html 生成pdf word wkhtmltopdf 系列2
pdf·html·php
慢半拍iii1 天前
JAVA Web —— A / 网页开发基础
前端
gnip1 天前
pnpm 的 monorepo架构多包管理
前端·javascript
新手村领路人1 天前
Firefox自定义备忘
前端·firefox