如何使[Image]浮动中心位于另一个div之上？

Question

Image of the problem

1. 我需要在 [主页] 上方标题 [Float center] 。
2. 如果 [主页] 被浮动的 [标题] 覆盖，如何确保文章没有被标题覆盖？< / LI>
3. 标题上方有一个小空间，我必须将其删除为没有空格。

我做了2个小时，没有任何反应-_-＆＃39;）

代码

.Image-header {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.Page-background {
    text-align: center;
    background-position: top;
}

我非常感谢每一个有帮助的答案：）

Answer 1

将图像放入div并设置div对齐中心。              要么 把图像放在里面

Answer 2

查看您发布的代码，我建议采用以下方法：

.Image-header {
  text-align:center;
  margin: 0 auto;
  display:block;
}

.Page-background {
  background-position: center top;
  margin-top: -50px; // arbitrary, to tune
  padding-top: 50px; // to fix article content, same as above
}

我还建议您.Page-background使用background-color代替background-image，并按照BEM命名标准（.header__image和{{1}重命名您的课程}}）