在css中相对定位与绝对定位如何结合使用

Question

在一个div上设置一个相对定位，在其div内设置多个小div,如何控制小div在大div上的位置，（是不是一个相对定位只能满足一个绝对定位？），各路大神，求解？

Answer 1

相对定位：div的位置是针对上一层的，比如一个页面里包含了A里面包了B，B的位置是相对于A的，比如A的原来xy坐标是10,10,B的坐标是10,5，那B在对于A的父层（整个页面）,那B的位置就是(20,15)，也就是在A的基础上加上了B的位置。
绝对定位：A的坐标是10,10，B的坐标是10,5，那B的实际坐标就是10,5，与A没有半毛钱关系。

如果B里面再包含了C，如果C选用的是绝对定位，则和AB没有半毛钱关系。直接针对的是整个页面。而如果是相对定位C就是在B的基础上加上自己的坐标。