Javascript 在不使用flexbox的情况下，将项目顶部和底部对齐

一个盒子里有两个项目，我试图将第一个项目与盒子顶部对齐，最后一个项目与盒子底部对齐。我知道我可以用flexbox轻松做到这一点：

.container{
高度：150像素；
宽度：100%；
背景色：石灰；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}

顶部文本
底部文本

只需使用以下相对和绝对位置即可实现。我希望这会对你有所帮助

.container>div{
位置：绝对位置；
底部：0；
}
.container>div.top{
底部：继承；
排名：0；
}
.集装箱{
高度：150像素；
宽度：100%；
背景色：石灰；
位置：相对位置；
}

顶部文本
底部文本

您可以使用CSS定位属性

.container{
位置：相对位置；
高度：150像素；
宽度：100%；
背景色：石灰；
}
.container>div{
位置：绝对位置；
}
.container>div:第一个子级{
顶部：0；/*可选*/
}
.container>div:最后一个子级{
底部：0；
}

顶部文本
底部文本

下面是另一个考虑表中元素将保持流动的想法：

.container{
高度：150像素；
宽度：100%；
背景色：石灰；
显示：表格；
}
.container>div{
显示：表格行；
}
.container>div:第一个子级{
身高：100%；
}

顶部文本
底部文本

世界正在向前发展。为什么你需要（一些旧的HTML到PDF生成器）？比AIR更旧的学校正在转发，考虑将你的元素定位在一个相对的父容器中吗？@ AIR，你会发现很多时候，开发人员，因为他们可能是最尖端的，必须在客户的需求范围内工作。有时，这些开发人员只知道现代技术，为了了解旧技术以满足他们的客户需求，他们必须来这里提问。你可以考虑一下。米歇尔布，我同意你的意见，但是客户需要说明如何做得更好，以免与不知道什么样的布局的客户一起去…我们需要解释的是，越是深入，就越难重写一切，将其提升到新技术的水平。。。这是我个人的看法。。。客户总是对的和错的…）@Air，客户有时是一家大公司，强迫所有员工使用IE11，甚至IE9。开发者只是想工作，而不是彻底改变公司。在这里继承的目的是什么？