CSS —— 子绝父相

相对定位:占位;不脱标

绝对定位:不占位;脱标

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

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


子绝父相例子

注意:

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

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

子绝例子

相关推荐
22jimmy1 小时前
JavaWeb(二)CSS
java·开发语言·前端·css·入门·基础
m0_738120724 小时前
CTFshow系列——命令执行web38-40
前端·windows·安全·web安全
是小狐狸呀5 小时前
elementUI-表单-下拉框数据选中后,视图不更新
前端·javascript·elementui
四岁半儿8 小时前
常用css
前端·css
你的人类朋友9 小时前
说说git的变基
前端·git·后端
姑苏洛言9 小时前
网页作品惊艳亮相!这个浪浪山小妖怪网站太治愈了!
前端
字节逆旅9 小时前
nvm 安装pnpm的异常解决
前端·npm
Jerry9 小时前
Compose 从 View 系统迁移
前端
GIS之路9 小时前
2025年 两院院士 增选有效候选人名单公布
前端
四岁半儿9 小时前
vue,H5车牌弹框定制键盘包括新能源车牌
前端·vue.js