我有2个div，一个嵌套在另一个里面。根据页面设计，嵌套的div需要看起来像“07”中的“父”，
我已经为这两个元素编写了CSS，使用嵌套div的负上限来尝试模拟所需的效果。然而，与this image不同，嵌套的div的顶部10px左右的代码不是出现在父级界限之外。
我不想绝对定位元素，因为这个页面的目标是它的响应。
div的HTML：
<div class="container-div">
<div class="child-div">
...
</div>
</div>
div的CSS：
.container-div {
padding: 10px 10px 0;
}
.child-div {
display: inline-block;
width: 100px;
height: 60px;
margin: -15px 10px 0;
border: 1px solid #efefef;
background-color: #fff;
}
解决方法
您不需要将位置：绝对应用到嵌套的div。
在这种情况下，利润可能不是最佳做法。
只需添加相对于嵌套div的位置，并将其设置为您想要的任何数字。在你的情况下，这可能是负面的。
