相对定位和绝对定位的一个问题

父元素相对定位，子元素绝对定位，怎样能使父元素随子元素的高度变化而变化（css样式）

leepulse 2021-05-10

源自：浮动与定位 3-8 绝对定位（2）

13

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2021-05-10 18:35:27

同学你好，可以通过js将子元素高赋值给父元素高度，例如：（了解下即可）

但是不能实时监测，如果用定时器实时改变的话太耗费性能了，不适用。如果想要父元素随着子元素高度变化而变化，就不要适用定位了，正常显示就好。

祝学习愉快！

leepulse 提问者 #1

js的控制办法我试过了，没有效果，我还是改为块级元素，但老师说如果给绝对定位添加事件会太耗性能，这是为什么？

2021-05-10 18:41:01
好帮手慕星星回复提问者 leepulse #2

老师说的是用定时器实时改变会耗性能，不是给绝对定位添加事件会太耗性能哦。因为定时器每隔几秒就会执行，如果不停止就会一直执行，所以太耗性能。目前没有学习到定时器，了解即可。

2021-05-10 19:02:33

好帮手慕星星 2021-05-10 17:38:04

同学你好，是变化不了的。

因为子元素设置绝对定位会脱离文档流，不能撑起父元素的高度，所以不能实现。

祝学习愉快！

提问者 leepulse #1

那有什么办法可以解决，或者使用js控制

2021-05-10 17:42:07

相似问题

关于相对定位和绝对定位的问题

关于绝对定位的问题，父级元素是绝对定位不是相对定位，也能相对于父级元素定位，对么？

相对定位和绝对定位

绝对定位的参照物不一定是相对定位的父元素吧，固定定位和磁贴定位的任意元素都可以吗？

绝对定位和相对定位使用及搭配

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7872 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

92 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载