同一个公用div,在切换不同子组件后,公用div在页面上高度效果不一致
说明
最近在改同事的代码,发现一个很奇怪的现象,公共divA,设置了高度为65px。在不同的页面上使用了该divA,且保持divA的高度65px不变。在控制台查看的时候,神奇的事情发生了!页面a中计算后的divA高度65,页面b中计算后的divA高度为57。
已知公共divA的样式代码一样,发生这种现象的原因,是页面b中和divA平级的某个子元素的高度设置了相对父容器的100%,产生了一些挤压,导致divA的高度不在是65,解决就是重新写一下平级元素的css
开源中国博客地址:https://my.oschina.net/u/2998098/blog/1540520