等价于:
为什么bottom right和100% 100%等价呢?请看下面:
<b>background-position百分比计算公式</b>
background-postion:x y
x:{容器(container)的宽度—背景图片的宽度}*x百分比,超出的部分隐藏。
y:{容器(container)的高度—背景图片的高度}*y百分比,超出的部分隐藏。
背景图的格子是每个100px(当然边框占据一定像素),蓝色div是500px宽高。做这个就是为了验证以上原理的正确性,中间小希的图片是250px宽高,按照原理所说,
X:(500-250)*50%=125px
从中大体可以看出,小希的左边缘是从125像素开始的,
Y同理,所以验证成功。