背景定位的三个方法——《css揭秘》

(1)background-position
可以避免去算左上角的偏移量，直接指定位置。

image.png

(2)background-origin
这个属性可以让位置跟着padding的改变而改变。
因为background-position一般默认是根据padding box来定位的。而background-origin可以将其改成content box。

image.png

(3)calc()

background-position: calc(100% - 20px) calc(100% - 10px);

ps:注意"减号"和"加号"前后要加空格。