美文网首页
CSS 中padding导致横向滑动

CSS 中padding导致横向滑动

作者: 牧馬放飏 | 来源:发表于2019-01-03 18:39 被阅读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;
}

相关文章

网友评论

      本文标题:CSS 中padding导致横向滑动

      本文链接:https://www.haomeiwen.com/subject/vleqrqtx.html