可以在显示块中移动图像吗？

Question

这是我的HTML：

<div id="mitte"><a href="http://www.web.com"><img id="img_mittig" src="tienda.png" /></a></div>

这是我的css：

#img_mittig{ display: block; margin-left: auto;margin-right: auto;}

img位于中间右侧，但是当我尝试使用top: 200px;向下移动图像时，它不起作用。为什么？

Answer 1

top:200px仅适用于position:absolute或position:relative;或position:fixed

使用margin-top:200px;

可以实现您想要实现的目标

Answer 2

您需要在元素上添加position才能使用top 例如：

#img_mittig { position: relative; top: 200px; }

Answer 3

你无法移动块元素而没有“top，left，right，bottom”的定位。使用边距和填充。例如margin-top: 200px; 如果您想通过设置top: 200px来移动img，请将position: relative设置为img。