女生适合学web前端开发吗？

html-css026

女生适合学web前端开发吗？,第1张

《CSS揭秘》技巧三中提到，

等价于：

为什么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同理，所以验证成功。