背景介绍：一个客户要在世界地图上标城市，于是我要用CSS去定位……

CSS的定位是用position属性来控制的，有以下几种方法：

absolute：相对父级标签的位置进行定位。实践下来，发觉父级标签必须是position: relative属性，否则就会根据整个网页的位置进行定位。

relative：相对标签原有位置进行定位。注意即使内容根据定位发生了移动，原来的位置仍然会被保留。

fixed：相对浏览器进行定位，貌似主要用来玩浮动小广告的？

确定定位属性后，就可以用top、left、right和bottom属性来控制位置了。推荐光使用top和left就可以了，另两个属性的优先度比这两个低。


实践阶段：如果要在一幅地图上标明位置，那么必须使用absolute了。fixed就不谈了，根本无法确定地图图片本身的位置。如果用relative，则会有以下问题：1.需要确定标签放到地图上之前的位置——而且因为原有位置会保留，每个标签的位置肯定还不一样；2.大量的标签会占用大量的位置。所以最后还是得用absolute，记得给地图的img标签外套一个带position:relative的div标签哟，否则可是会定位到网页上去的。