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;
}
上一篇 下一篇

猜你喜欢

热点阅读