css相对位置之两个同级div下一个div相对上一个div的位置

方式一：
<div class="main">
    main
</div>
<div class="btn">
    靠左上角
</div>


.main {
    width: 300px;
    height: 300px;
    background-color: blue;
}
.btn {
    position: absolute;
    top: 0;
    left: 30px;
}

方式二：
<div class="main">
    <div class="btn">
        靠右下位置
    </div>
</div>

.main {
    position: relative;
    width: 300px;
    height: 300px;
    background-color: blue;
}
.btn {
    position: absolute;
    bottom: 0;
    right: 10px;
}

两种方式看情况选择