将对象放在div中的确切位置

时间:2013-10-11 12:35:30

标签: html css

我正在开发一个ASP.NET网络应用程序,我将在一个以图像为背景的div上显示一些小图标。 Div充当地图,我的小图标(图像)就像针脚。这些图片有style="position:relative; left:X, top:Y",我希望它们位于div上的特定位置,但它们不是我想要的地方,我认为它们相互影响,我怎样才能将它们放在我确切的位置?

3 个答案:

答案 0 :(得分:3)

在引脚上使用position:absolute,在地图上使用position:relative

演示:http://jsfiddle.net/qdFeb/

答案 1 :(得分:1)

相对位置从它的原始位置调整它。因此,左设置会将其从原始位置移动多个像素,与顶部相同。

你想使用绝对。

答案 2 :(得分:1)

在容器position:absolute;上的“引脚”和position:relative;上使用div

另一种方法是使用div作为background制作一个大的img,然后用较小的div填充,并放置“引脚” “在那些div s。