设置padding-right失效

1,011 阅读1分钟

当设置元素的width为100%或10rem(1rem为1/10屏幕宽)时,即该元素铺满屏幕可视区域。再设置padding-right会没有效果。(chrome浏览器)

请想想css的盒子模型,chrome是标准盒子模型,width只包含内容区域,既然它的内容区域要占满全部,那么padding-right就没处放了。但是padding-left是有效果的??求解答!!!

解决: 对该元素设置 box-sizing: border-box;