《CSS揭秘》技巧三中提到脾还，
background: url("0.jpg") no-repeat #58a bottom right;
等價(jià)于：
background: url("0.jpg") no-repeat #58a 100% 100%;
為什么bottom right和100% 100%等價(jià)呢伴箩？請(qǐng)看下面：
<b>background-position百分比計(jì)算公式</b>
background-postion:x y;
x：{容器(container)的寬度—背景圖片的寬度}*x百分比，超出的部分隱藏鄙漏。
y：{容器(container)的高度—背景圖片的高度}*y百分比嗤谚，超出的部分隱藏。
<head>
<meta charset="UTF-8">
<title>bg-position中百分比定位原理</title>
<style>
body{
margin: 0;
padding:0;
}
.wangge{
width: 500px;
height: 500px;
background: url("wanggeBG.jpg") no-repeat;
}
.bgOrigin{
color: white;
width: 500px;
height: 500px;
background: url("0.jpg") no-repeat 50% 50%;
background-origin: content-box;
}
</style>
</head>
<body>
<div class="wangge">
<div class="bgOrigin"></div>
</div>
</body>
background-position.png
背景圖的格子是每個(gè)100px（當(dāng)然邊框占據(jù)一定像素）怔蚌，藍(lán)色div是500px寬高巩步。做這個(gè)就是為了驗(yàn)證以上原理的正確性，中間小希的圖片是250px寬高桦踊，按照原理所說(shuō)椅野，
X：（500-250）*50%=125px;
從中大體可以看出，小希的左邊緣是從125像素開(kāi)始的，
Y同理竟闪，所以驗(yàn)證成功离福。
