weixin_50802888 2022-01-27 14:09 采纳率: 63.3%
浏览 145
已结题

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

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

img

  • 写回答

2条回答 默认 最新

  • 喵喵学姐 2022-01-27 14:24
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月4日
  • 已采纳回答 1月27日
  • 创建了问题 1月27日