html - 无法移动显示 block 中的图像？

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

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

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