Question

想象一下，我有一个HTML代码：

<div class="up"></div>
<div></div>
<div></div>

例如，我需要向上移动.up元素200px，如下所示：

.up {
  position: relative;
  top: -200px;
}

但是我会在它和低级别之间有200px的差距。如何将div .up降低到div元素，这样当我移动它时，ResultSet.getDate()会降低{？}}？

Answer 1

为了向上移动，首先应该看看填充空间的内容是什么。可能还有另一个元素填充该空间。否则期望减少保证金。

您可以使用margin: -10px 0 0 0;

或

margin-top: -10px

做一个-10像素的边距

Margin

Answer 2

您可以将要移动的所有内容放在容器div中，然后向上移动整个容器：

<div class="container">
    <div class="up"></div>
    <div></div>
    <div></div>
</div>

//

.container
{
  position: relative;
  top: -200px;
}

OR

.container
{
  margin-top: -200px;
}

Answer 3

您可以将重新定位div的金额添加到margin-bottom：

body {
  padding: 5rem;
}

div {
  background: lightgrey;
  border: 1px solid;
  height: 40px;
}

.up {
  position: relative;
  top: -20px;
  margin-bottom: -20px;
}

<div class="up"></div>
<div></div>
<div></div>

如何在CSS中移动元素，以便下面的元素可以跟随？

3 个答案: