Question

我希望在另一个div元素的高度动态增加时定位div元素，换句话说，当它的高度增加时，我不希望第一个div元素与第二个div元素重叠。我怎样才能做到这一点。

Answer 1

像这样：

[shutting down with code 100][1]

function f() {
    $(".fchild").height("+=100");
}

.parent {
    width:50%;
    display:inline-block
    background-color:blue
}

.fchild {
    width:100%;
    height:100px;
    background-color:red;
}

.cchild {
    width:100%;
    height:100px;
    background-color:green;
}

.btn {
    position:absolute;
    bottom:0;
    right:0;
}

请注意，当您按下“增加高度”按钮时，红色框的高度会增加，但绿色框会向下移动相同的距离。我在这里所做的就是将两个div放在同一个父div中，它具有动态高度。

当div元素上方的另一个div元素的高度动态增加时，调整div元素的位置

1 个答案: