Question

我正在尝试移动图像的边缘，但是将其更改为300 px后，它不再向上移动了。

我尝试增加底边距，但是没有用。这是我的代码：

var img = document.getElementsByTagName('IMG')[0];

function eat() {
  alert('I am going to eat now. Burgers are DELICIOUS');
  img.style.padding = "5px";
  img.style.backgroundColor = "blue";
}

function movetomouth1() {
  img.style.marginLeft = "-10px";
  img.style.marginBottom = "300px";
}

<img src="burger.jpg" onclick="movetomouth1();">

如果您认为我还不够，请询问更多代码。

我希望它比当前位置更靠近页面。

Answer 1

边距不能使用，请使用上/左，并且不要忘记使用position = relative。

var img = document.getElementsByTagName('IMG')[0];

function movetomouth1() {
  img.style.left = "-10px";
  img.style.top = "-10px";
}

img {
  position: relative;
  width : 100px;
  height: 100px;
}

<img src="burger.jpg" onclick="movetomouth1();" />

一定量的像素

1 个答案: