html - 使用 css 定位元素

标签 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>

我尝试了多种测量单位。提前致谢。

最佳答案

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>

试试这个

关于html - 使用 css 定位元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52140100/

相关文章:

html - 覆盖阻止链接

php - 如何在moodle主题设计中定义自定义 block 区域?

javascript - 如何成为@media 的第一名?

带有渐变 mask 的 CSS 垂直滚动选框

javascript - 屏幕插件在错误的时间加载类名

html - "text-overflow: ellipsis"和 "overflow: hidden"在我的 <span> 中无法正常工作,出现水平滚动条

HTML 布局最佳实践

javascript - flask 关闭闪存消息

javascript - 通过 id 控制元素的 slider 不透明度

javascript - 追加后 Chrome 元素卡住了?