html实现子元素相对于父元素定位

如下图所示，要实现在地图div中放置一个select下拉选择框，select要相对于地图的div的位置，显示在左上角。

html 如下：

.footer-select {
    POSITION: absolute;
    LEFT: 70px;
    TOP: 10px;
}


     

         
          
        
     

 仅仅这样设置select并没有相对于地图div的位置显示，而是位于地图div的父元素的左上角，left和top并不是相对于地图div计算 的。地图div还要加上position:relative才可以。

.footer-select {
    POSITION: absolute;
    LEFT: 70px;
    TOP: 10px;
}


     

         
          
        
     

实现这种效果肯定还有其他的方法，个人感觉这种方法比较简单。