给你的形象display:block;
,然后指定width
他们。你可以在px和%中使用它。
设定的地方。如果您在图片上使用position:absolute;
,则它不会将其设置为相对于.bananas
的位置,因为您已为.bananas
指定了position:absolute
。
您必须将.bananas
更改为position:relative;
。看下面的例子。
.bananas{
position:relative;
border:1px solid red;
height:160px;
width:100%;
}
.bananas img{
display:block;
width:150px;
margin:0;
padding:0;
position:absolute;
top: 30px;
}
#imgdisplay1{
left:10px;
}
#imgdisplay2{
left:170px;
}
<div id="fotos" class="bananas" >
<img class="modal-content" id="imgdisplay1" src="http://images.financialexpress.com/2015/12/Lead-image.jpg"/>
<img class="modal-content" id="imgdisplay2" src="http://images.financialexpress.com/2015/12/Lead-image.jpg"/>
</div>
当我上传多个图像并让他们每次做可拖动时都显示在同一个确切位置时,位置会是什么。现在每次我上传图片上传在每个早期的图像下面的图像,并且它在4次上传后消失 – user7368271
没关系,绝对的是它从正常的内容流中去除了该元素。如果第一张图片的左侧为10px,则第二张图片的左侧为160px;或者更多。我已经更新了我的例子。 – ab29007
在动态内容条件下使用绝对值可能是一件坏事。当你知道你的内容不会改变时使用绝对值。 – ab29007