CSS 中padding导致横向滑动
2019-01-03 本文已影响0人
牧馬放飏
背景
微信小程序设置view的宽度100vw,然后这个view的css中添加padding-left,padding-right属性以后,然后这个view可以左右滑动,这是因为盒子模型的问题,包含或者不包含padding。
解决办法
添加'box-sizing: border-box;'
.container {
width: 100vw;
padding-left: 45rpx;
padding-left: 45rpx;
box-sizing: border-box;
}