绝对定位的相对偏移～

绝对定位absolute往往和top、right、bottom、left合用，而有时我们会有这样的需求：



这看起来挺奇怪的，不过有时候我们的确需要这样的额效果,第一个要求很显然需要绝对定位，而第二个要求似乎就是相对定位的东西，那么我们应该如何实现呢，这里用到了margin和绝对定位结合，即：



不过值得注意的是



示例如下：



.parent{ position:relative; width:20em; height:20em; background:gold; }
.child{ width:5em; height:5em; background:darkgreen;
position:absolute;
/*使用margin定好位*/
margin-top:100%;
margin-bottom:auto;
/*使用top|right|bottom|left偏移*/
top:-2em;
}