重叠div而不使用position：absolute

Question

是否可以在不使用position的情况下重叠两个div：absolute？有什么例子吗？我必须删除位置：绝对使用分页规则。

Answer 1

是的。使用负边距。

例如;

<div id="box1" class="box">CONTENT HERE</div>
<div id="box2" class="box">SOME STUFF HERE</div>

<style>
.box {
    position: relative;
    width: 50%;
    float: left;
    border: 1px dashed #000;
    padding: 25px;
    box-sizing: border-box;
}

.box#box2{
    margin-left: -20px;
}
</style>

在这里测试：

https://jsfiddle.net/2r7623st/