Question

好吧，如果你看到有两个divs

<div id="red">
</div>
<div id="blue">
</div>

#red{
    height: 100px;
    width:20px;
    border: 1px;
}
#blue{
    height: 100px;
}

它们呈现为第一个红色，然后显示为蓝色。

红色div实际上是否可能位于蓝色div的位置，但蓝色div可能保持在同一位置？

Answer 1

使用position: absolute;作为红色div将使其“浮动”，然后蓝色div将从与红色div相同的位置开始。

请参阅代码段：

#red {
  height: 100px;
  width: 20px;
  border: 1px;
  background: red;
  position: absolute;
}
#blue {
  height: 100px;
  background: blue;
}

<div id="red">
</div>
<div id="blue">
</div>

如果你打算在它上面创建一个100px的空白空间，那么你可以将margin-top: 100px;添加到#blue css规则中。

如何使div重叠其他

1 个答案: