我很好奇，为什么背景起源的行为基于所应用元素的宽度而有所不同。
我有两个div，除了宽度，所有CSS都相同：
col-sm-1 width: calc(100% * 1 / 12);
col-sm-6 width: calc(100% * 6 / 12);
示例：https://jsfiddle.net/xm73pa6u/5/
当我将背景图像应用为background-origin：content-box时，右侧和底部的填充在较大的div上“服从”，但在较小的div上不是。
我知道我可以在较小的div上结合使用background-clip和background-origin来获得类似的行为，如col-sm-2所示。
我很好奇为什么默认行为不同。