超级会员免费看
本文介绍了在使用Vue与Cesium结合时，页面下方出现空白条的三种解决方案：1. 给div设置样式；2. 添加html, body样式；3. 为特定元素设置高度100%。问题源于body和div的百分比高度计算方式，需正确设定包含块的高度。"
103703327,7809285,Ionic4 Native File插件详解,"['前端开发', 'Ionic框架', '移动开发', '文件操作']
问题图：地球视图与开始菜单栏之间有空白的条
原因：因为body跟div一样是块元素，直接赋值给块元素height:100%，相当于就是默认值的独占一行。所以这里写body{ width:100%; height:100%;}，其实是毫无作用的。《css权威指南》指出，如果没有显示声明包含块的height，百分数高度会重置为auto，所以上面div1height设置为任何值都跟设置没设置一样。包含块与div1高度完全相同。
第一种方法：给div设置{position: absolute; top: 0px; bottom: 0px;}
第二种方法：加上html,body{ width:100%; height:100%; }
第三种方法：给该元素设置{min-width: 100%; min-height: 100%; position: absolute;}
我自己选择的方法：在app.vu
订阅专栏 解锁全文
扫一扫
3398
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
