Html 绝对定位元素不'；不显示左边距效应 #map1{ 边缘顶部：10px； 左边距：100px； 宽度：400px； 高度：400px； 溢出：隐藏； z指数：105； } #绿色的{ 背景：url（“location map large.gif”）； 背景位置：0px 0px； 背景颜色：绿色； 高度：100px； 宽度：100px； 位置：绝对位置； 溢出：隐藏； 显示：无； 边框：2倍纯色灰色； } #红色的{ 高度：400px； 宽度：400px； 溢出：隐藏； 位置：绝对位置； }

我有两个div显示缩放效果，如下所示。问题是，在“map1”元素中添加“marginleft”样式没有任何效果，我应该如何根据我的要求放置它

将“位置：相对”添加到map1 CSS，然后使用left属性定位绿色和红色

<div id="map1" style=" float: left; margin-left: 150px; border:2px solid grey;">
<div id="red">                            
<div id="green"></div>                            
<img id="map_img" src="images/map/location-map-small.gif" alt="map">
</div>
</div>  
#map1{
margin-top: 10px;
margin-left: 100px;
width : 400px;
height : 400px;
overflow: hidden;
z-index: 105;

}
#green{
background: url("location-map-large.gif");
background-position: 0px 0px;
background-color: green;
height: 100px;
width: 100px;
position: absolute;
overflow: hidden;
display : none;
border: 2px solid grey;    
}
#red{
height: 400px;
width: 400px;
overflow: hidden;
position: absolute;
}

请参见此处的结果：

---

您可以定位元素宽度填充

---

这是给我的继任者的。：）在这种情况下，我对id“map1”使用了

positioning:relative

，并使用left而不是margin left完成了我的工作。

使用

left

而不是

margin left

谢谢@Fabrizio Calderan你救了我一天！！thnx，但是我想移动div#map1而不是它里面的图像。@buet#u baba你能发布你的问题的截图吗？好的，我已经解决了。如果您有足够的把握，我将上传一个.thnx，但我想移动div#map1，而不是其中的图像您的小提琴工作正常，但在我的页面上它仍然不移动：（.我该怎么办？你还没有使用我的完整代码。你能使用完整代码并向我展示演示吗。例如，在我的代码中，绿色在红色内，红色在map1内。map1是主块，边距已经在工作（HTML中的一个覆盖CSS中的一个：

style=“margin left；”

。此外，在您的代码中，map1并不是绝对定位的。您能准确描述一下您最后想要什么吗？好的，我已经解决了。如果您足够有把握，我可以试着解释一下。

#map1 {
    background: blue;
    width : 400px;
    height : 400px;
    position: relative;
}

#green {
    background: green;
    height: 100px;
    width: 100px;
    position: absolute;
    left: 50px;
}