使用CSS定位元素

时间:2018-09-02 18:49:13

标签: html css

因此,当我只为台式机制作网页时,在尝试放置某些元素时遇到了一些麻烦,例如,这是我在屏幕上看到的方式:

enter image description here

在另一个屏幕上,这是我看到的:

enter image description here

这是用于此的HTML / CSS:

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

我尝试了多个测量单位。预先感谢。

1 个答案:

答案 0 :(得分:1)

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>

尝试