今天的开发中,遇到一个问题,div使用绝对定位,但是高度却不是全屏幕。
代码如下:
div{
position:fixed;
top:0;
left:0
bottom:0;
right:0;
width:100vw;
height:100vh;
}
效果图如下:
结果:
经查证,该元素的父元素,使用了transform,也在网络上查证,并没有找到合适的官方文档,网络上也有码友遇到此类问题,但是没有有力的文档。
解决:
1、改写父元素的transform,使用其他方式,完成transform功能带来的效果;
2、讲元素抽出来,放置父元素的外面。