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;
}

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部