CSS有方法可以拿到前一个盒子的高度吗？

Question

背景是这样的，vue工程，用的vant组件。为了方便说明我简化来说，如图两个div竖排叠放，第一个div已设置fixed定位，那么如何动态拿到第一个div的height，然后设置给第二个div的margin-top或者其他，做到当滚动的时候，第二个div不会被第一个覆盖。

Answer 1

可用div.offsetHeight获取高度，但建议少用position。
可以设计为上下两部分：
1、第一div高度设置固定高度
2、第二div是需要滚动的，则设置flex:1;即可铺满剩余位置；
3、关闭外边（html，body）等滚动条，给第二个div开启滚动条 overflow:auto;