同一个公用div,在切换不同子组件后,公用div在页面上高度效果不一致

说明

最近在改同事的代码,发现一个很奇怪的现象,公共divA,设置了高度为65px。在不同的页面上使用了该divA,且保持divA的高度65px不变。在控制台查看的时候,神奇的事情发生了!页面a中计算后的divA高度65,页面b中计算后的divA高度为57。

已知公共divA的样式代码一样,发生这种现象的原因,是页面b中和divA平级的某个子元素的高度设置了相对父容器的100%,产生了一些挤压,导致divA的高度不在是65,解决就是重新写一下平级元素的css

posted @ 2022-07-27 10:22  大笛子  阅读(96)  评论(0编辑  收藏  举报