html - 如何以紧凑的方式将子 div 放置在另一个下方而不浪费空间？

Question

我在父 div 中有 4 个 div。由于第 3 个 div 比其他 div 高，因此第 4 个放置在第 3 个下方，即使上面有空间。第 4 个 div 没有填充/边距等。我希望它向上移动并占据可用空间。

标签： htmlcss

Answer 1

为您的父 div 和第四个 div 提供以下类。

.parentDiv{
    position:relative;
}

.fourth-div{
    position:absolute;
    top: exact Height of second-div + margin;   // Calculation
    left:0;
}