初学HTML：图片按钮尺寸调整无效，仅位置改变求助

你遇到的核心问题是HTML标签语法错误，导致浏览器无法正确加载你指定的图片，只能显示默认的图像按钮占位符，所以修改宽高才没有效果。

错误点分析 #

你写的<input type="image">里多了无效的img属性：

<!-- 错误写法 -->
<input type="image"  img src="xxx" width="200px" height="200px" />

input[type="image"]本身就支持src属性，不需要额外加img，这个多余的属性会干扰浏览器识别图片地址。

修正后的代码 #

先把HTML标签改对：

<div id="yipee">
   <input type="image" src="https://cuttlefishe.neocities.org/file.png" width="200px" height="200px" />
</div>

样式设置优化 #

如果你想通过父容器#yipee控制按钮尺寸，需要让内部的图片按钮占满容器空间：

#yipee {
  width: 100px;
  height: 100px;
  position: relative;
  bottom: 1150px;
  left: 900px;
}
/* 让图片按钮继承容器尺寸 */
#yipee input[type="image"] {
  width: 100%;
  height: 100%;
}

或者直接给图片按钮单独设置样式，更直观：

#yipee input[type="image"] {
  width: 200px;
  height: 200px;
  position: relative;
  bottom: 1150px;
  left: 900px;
}

改完之后，按钮的尺寸就能正常跟着设置值变化了。

内容的提问来源于stack exchange，提问作者crashout lord