没有它的居中div跳到顶部？

Question

当我试图将div放在中心时

.div {
    display: block;
    width: 288px;
    position: relative;
    margin: 0 auto;
}

它居中，好吧，但是当我在Chrome中检查元素时，我没有在div周围使用那个框，而我的div显示在页面顶部的chrome上，在被检查的元素内。 如果我向左漂浮而不是我将获得该框，但以边距为中心，没有。

如何解决这个问题？

Answer 1

你在寻找这种

吗？

＆＃13;

＆＃13;

.container {
  width: 960px;
  margin: 0 auto;
}

.center-div {
  display: block;
  width: 288px;
  position: relative;
  margin: 0 auto;
  min-height: 100px;
  background: #000;
}

＆＃13;

<div class="container"  >
  <div class="center-div"></div>
</div>

＆＃13;

＆＃13;

＆＃13;