css - 将 div 放在另一个 div 的底部

Question

我已经尝试了很多东西，但我不知道如何放在我希望顶部位于div2底部内部的底部div1div2div1

像这样

请问有什么建议吗？

https://jsfiddle.net/njwq14vu/13/

标签： css

Answer 1

这是您要查找的内容：

.div1 {
  background: red;
  height: 50px;
  width: 120px;
}

.div2 {
  background: blue;
  height: 50px;
  width: 100px;
  top: -10px;
  position: relative;

}

<div class="container">
<div class="div1">Helo</div>
<div class="div2">Helo1</div>
</div>

发生了什么变化：

• .div2将top属性设置为-10px，以便在第一个之前显示 10 个像素；
• .div2还将position属性设置为relative，允许 HTML 元素覆盖其设计默认行为 ( static)。