子元素设置了绝对定位，怎样让父元素和子元素一样高

1-父元素没有固定的高度，是子元素撑大的

2-当父元素的高度不够的时候（由于子元素比较高），就会出现滚动条

3-需求：怎样让他的高度和子元素一样高，不会再父元素内部出现滚动条

javascript php css html

html5

阅读 4.1k

3 个回答

得票最新

chatgpt

4.2k11143

发布于
2019-09-25

只用 css 做不到的，建议用 js 获取子元素高度给父元素
或者是直接给父元素赋值一个固定的高度
absolute 的子元素位于源样式之外，这个属性决定了这个表现，光 css 不行的

查看全部 3 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13k 阅读
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
7 回答2.2k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.3k 阅读✓ 已解决
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？
5 回答1.5k 阅读
如何实现一个深拷贝函数？
在项目开发中，如何实现一个深拷贝函数？
3 回答1.4k 阅读✓ 已解决
快开发完的Vue3项目要做SEO该如何处理？
快开发完的Vue3项目要做SEO该如何处理？项目已经快开发完了，领导让做SEO，目前的需求是首页做SEO，其他页面不需要优化去论坛上查了一下，发现好多针对Vue的SEO库都过时弃用了，大家有什么好用的库推荐吗？
5 回答1.7k 阅读✓ 已解决
怎么获取动态弹出对话框的模拟单击？
我在用js实现自动化刷课脚本的时候，要处理一个“继续学习”弹出对话框，才能播放。使用document.queryselctor('.continue')获取不到，好像也没有click事件;
6 回答1.3k 阅读✓ 已解决

相似问题

关于父元素子元素定位层级的问题
3 回答4.1k 阅读
子元素改变父元素的height属性，导致父元素监听事件失效？
1 回答2.2k 阅读✓ 已解决
在父元素为relative的情况下子元素absolute为什么会引起定位变化？
1 回答1.7k 阅读✓ 已解决
父元素设置mouseover监听事件并用e.target操作父元素样式会覆盖子元素mouseover监听事件的this样式？
1 回答3.6k 阅读
当一个父级元素高度为百分比的时候，怎么让子元素垂直居中呢？
6 回答6.2k 阅读✓ 已解决

找不到问题？创建新问题

子元素设置了绝对定位，怎样让父元素和子元素一样高

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

如何实现一个深拷贝函数？

快开发完的Vue3项目要做SEO该如何处理？

怎么获取动态弹出对话框的模拟单击？