html - 父div中的背景上升

Question

我想将子 div 提升到顶部。(没有位置属性)父 div 有背景色。请看图片。

我试过这段代码。但没有运气。

.parent {
  background: #3498db;
}

.child {
  background: #34495e;
  margin-top: -100px;
}

<div class="parent">
  <div class="child"></div>
</div>

有什么解决办法吗？

Answer 1

你可以使用transform;

.child { transform: translateY(-100px); }

相对单位也是允许的