Question

这是一个很难描述的内容，但小提琴显示了我想要做的事情：

我想对齐#inner div，以便底部div的顶部与#outer div的顶部对齐。

使用JavaScript不是很棘手，但可以在纯CSS中完成吗？

（注意：在实践中，元素的数量将是动态的，并且高度未知，因为例如字体可能会改变，因此具有硬编码数字的解决方案无济于事。我不是要尝试转移从JavaScript到我脑子的计算。）

Answer 1

尝试添加此代码。它将提供与jsfiddle相同的输出。

div#inner{
    position: absolute;
    top: -75px;
}

Answer 2

不确定你想要实现什么，因为我建议更改标记div安排。但无论如何，这是一个纯粹的CSS替代方案：https://jsfiddle.net/x8f2os39/

enter code here

Answer 3

如果您将div添加为固定的line-height，则可以很容易地计算出您需要top的值。

如果：

div {
    line-height:20px;
}

然后你只需要将top:-80px添加到#inner div（上面4个div，每个20px）