解决微信小程序设置宽度100%留白的方法

很多开发者微信小程序设置宽度100%留白的，遇到这个问题，先解决这个问题，先要盒模型这个概念。

盒模型分类：标准盒模型和IE盒模型；

标准盒模型：当我们给元素设置width和height，默认情况下就是在标准盒模型下，设置的是content的width和height。记住一个公式。width=contentWIdth；height=ContentHeight。

IE盒模型：当我们设置了IE模型后，我们设置的width和height是指这个盒子的大小，此时的公式是：width=contentWidth+paddingLeft+paddingRight+borderWidth，height=contentHeight+paddingTop+paddingBottom+borderWidth

了解盒模型问题以后，我们给内容设置了width为100%，却在默认情况下它是标准盒模型，所以width只是指content的值，此时我们在给他加padding或者设置border宽度的时候，其实盒子的宽度就大于100%了。所以会有留白。

所以我们解决的问题就一句话搞定，我们将标准盒模型设置成IE盒模型，希望对你有帮助。

模板简介：该模板名称为【解决微信小程序设置宽度100%留白的方法】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。