Question

这是我正在处理的网站：http://mamgrow.lt/pagrindinis.html

在最底部，您可以看到红色div块。我需要它在内容上移动到顶部。是否可以不使用position：absolute（因为我失去了中心对齐）和top：x？

问题是，在我滚动某个点后，这个红色的div将被修复（将使用jQuery）。

对于信息div，我使用了这个css：

.konteineris {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  overflow:hidden;
  background-color:#F0F0F0;
  position:relative;
}

对于red div，我使用了这个css：

.konteineris2{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  overflow:hidden;
  background-color:red;
  height:700px;
  position:relative;
}

Answer 1

这就是你如何使用绝对定位将一个div居中对齐另一个div的顶部（或者在另一个div中，你应该发布你的html或做一个小提琴）。这不应该影响你的jquery

假设HTML

<div class="konteineris">
  <div class="konteineris2"></div>
</div>

垂直和水平居中对齐

   .konteineris2{
      position:absolute;
      left: 50%;
      top: 50%;
      margin: -350px 0 0 -430px;
    }

水平居中对齐

   .konteineris2{
      position:absolute;
      left: 50%;
      top: 0%;
      margin: 0 0 0 -430px;
    }

将div放在div而不使用绝对值

1 个答案: