很多開發者微信小程序設置寬度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盒模型，希望對你有幫助。