Css 向下移动图像

我正在为旋转木马上的图像开发一个网页。如何在DIV中向下移动图像，甚至垂直居中

以下是我的CSS代码：

.carousel .item {
  height: 900px;
  background-color: #777;
}
.carousel-inner > .item > img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

以下是相关网页的URL，显示图像过高：

编辑

好的，我已通过更改以下选项编辑了代码：

margin-top: 50px;

---

我仍然希望图像在div中处于较低的位置。我可以增加上边距，但这样会留下白色背景。将图像移低一点的最佳方法是什么？

将图像放在主体内，将主体设置为位置：相对，然后将图像设置为位置：绝对；排名：0；左：0

---

如果无法将图像放在主体内，则在主体内添加一个负边距顶部。

将图像放在主体内，将主体设置为位置：相对，然后将图像设置为位置：绝对；排名：0；左：0

---

如果无法将图像放入主体中，则在主体中添加负边距顶部。

将图像的边距顶部设置为130像素，这样看起来很酷

margin-top: 130px;

---

给图片加上130像素的页边空白，看起来很酷

margin-top: 130px;

---

你的问题不是图像放得太高-它是固定的标题。因此，设置

边距顶部：50px

而不是

的-80px。myCarousel

您的问题不是图像放置得太高，而是固定的页眉。因此，设置

边距顶部：50px

而不是

的-80px。myCarousel

图像位于顶部导航栏后面的原因是您将导航栏的位置设置为固定。这会将其从页面的其余部分中移除，以便进行样式设置，因为其他div/元素在定位时无法识别它。如果移除位置：固定；在该项上，其他元素将相对于该项进行定位。另一种选择是在图像元素中添加足够的上边距，以便在默认情况下将其向下推到顶部栏的下方（以您喜欢的为准）。

图像位于顶部导航栏后面的原因是您将导航栏的位置设置为固定。这会将其从页面的其余部分中移除，以便进行样式设置，因为其他div/元素在定位时无法识别它。如果移除位置：固定；在该项上，其他元素将相对于该项进行定位。另一种选择是向图像元素添加足够的上边距，以便在默认情况下将其向下推到顶栏下方，以您喜欢的方式进行操作。

首先使.item位置相对，然后 关于css：

---

这将使图像垂直居中

首先使.item位置相对，然后 关于css：

这将使图像垂直居中