微信小程序设置width 100%有用，但height 100%不起作用的解决办法
2019-01-25 00:40
2755 查看
问题原因：
%设定宽高是根据父级宽高来定的，假设页面并没有缺省的高度值，当你让一个元素的高度设定为百分比高度时，无法根据获取父元素的高度，也就无法计算自己的高度。
解决办法：
给页面设定一个绝对的高度。
在WXSS文件里添加
[code]page{
height: 100%;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div宽度设置width:100%后再设置padding或margin超出父元素的解决办法
- 页面width与height使用百分比来划分不起作用解决办法--记录六
- 微信小程序-page.json中设置背景色不生效解决办法
- table设置height属性不起作用的解决办法(转:http://chenfengcn.javaeye.com/blog/390508)
- body设置height为100%失效的原因及解决办法
- Android 技术总结（004）—— ScrollView中的组件设置android:layout_height="fill_parent"不起作用的解决办法
- 微信小程序---app.json中设置背景色不生效解决办法
- Android ScrollView中的组件设置android:layout_height="fill_parent"不起作用的解决办法
- DIV里Table的宽度设置为100%后页面出现滚动条的解决办法;DIV下移的解决办法 IE 和 FireFox 都通过
- 微信小程序中点击View中任何位置都可以触发相应事件的解决办法
- iOS8 UITableViewCell设置 setSeparatorInset:UIEdgeInsetsZero不起作用的解决办法
- 微信小程序分享朋友圈的实现思路与解决办法
- 关于微信小程序发起的请求不能使用session的解决办法
- css中height:100%不起作用的解决方法
- Stuts2的"struts.devMode"设置成true后，不起作用的解决办法
- table和div设置height:100%无效的完美解决方法
- 关于min-height:100%的解决办法
- 关于微信浏览器 设置遮罩层后 onverflow:hidden属性不起作用，仍然导致下层内容可滚动的解决办法
- CSS的盒子高度height使用100%后浏览器不兼容的解决办法
- ios8 UITableView设置 setSeparatorInset:UIEdgeInsetsZero不起作用的解决办法