Html 使用css定位元素

因此，当我只为桌面制作网页时，我在尝试定位某些元素时遇到了一些问题。例如，下面是我在屏幕上看到它的方式：

而在另一个屏幕上，我看到的是：

以下是用于此目的的HTML/CSS：

#下载
{
位置：相对位置；
底部：14rem；
左：43vw；
背景图片：url“（../image/download.png”）；
}

div{position:relative}
#下载
{
位置：绝对位置
底部：14rem；
左：43vw；
背景图片：url“（../image/download.png”）；
}

---

试试这个

你应该试试这个结构：

并重置h1的边距。然后

img{display:block；margin:auto；}

。应该没有那么大的差别。左将不需要，你也应该使用相同的字体大小的h1和底部。当img应该是文本时，请注意它的alt属性…请使用position:relative相对于父div和position:absolute to internal div，并在internal div中使用left、right、top、bottom。这可能对你有帮助

div{position : relative }

#Download
{
  position : absolute
  bottom:14rem;
  left: 43vw;
  background-image: url"(../image/download.png");
}
<div id="Download">
  <h1></h1>
  <img src="image/download.png">
</div>