解决CSS布局中padding-right不生效问题

本文主要是介绍解决CSS布局中padding-right不生效问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

.list_scroller {position: relative;padding-left: 32rpx;padding-right: 32rpx;padding-bottom: 226rpx;}

// 解决方法：
因为默认content-box,width:100%是不包含padding的，但实际我们想包含padding。

  box-sizing: border-box;

• content-box 默认值，元素的 width/height 不包含padding，border，与标准盒子模型表现一致

• border-box 元素的 width/height 包含 padding，border，与怪异盒子模型表现一致 inherit 指定

• box-sizing 属性的值，应该从父元素继承

这篇关于解决CSS布局中padding-right不生效问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---