html - 在 div html5 css3 中移动图像

Question

如果我想将图像从 div 的顶部移动 50 像素，从左侧移动 50 像素（我不是在谈论动画，我应该使用填充吗？）

<header>
<img src="logo.png" alt="" />
</header>

header {
 width...
height:
background: (url)
}

Answer 1

您可以将图像指定为背景：

<header></header>

CSS：

header {
  background-image:url(logo.png) 50px 50px;
}

或者，使用absolute定位：

<header>
  <img src="logo.png" alt="" />
</header>

CSS：

header { position:relative; }
header img {
  position:absolute;
  top:50px;
  left:50px;
}

Answer 2

我认为您正在寻找的解决方案是：

标题{填充：50px 0px 0px 50px }

这将创建距顶部 50 像素和距标题左侧 50 像素的填充

谢谢。