在div html5 css3中移动图像

Question

如果我要将图像从div的顶部移动50px并从左边移动50px（我不是在谈论动画，是否应该使用填充？）

<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 }

这将从顶部创建50px的填充，并从标题左侧创建50px

谢谢， 甲