css - 垂直对齐头痛

Question

我无法在 100% 高度的 div 中垂直对齐 2 个 div。我用谷歌搜索但未能解决。

伪代码:

<div container, fixed height>
  <img, dynamic height/>
  <div inner, 100% height>
    <div><img/></div>
    <div><img/></div>
 </div>
</div>

内部div中的两个div，我希望它们位于内部div的垂直中心，但我找不到办法。它不可能知道内部 div 的高度，它只是设置为 100%，因为它上面的图像的高度是随机的。内部 div 内的 div 也将具有动态高度。

2 小时的摆弄没有结果，所以我来了。

您可以在其中看到实际效果的页面:http://pyntmeg.no/?iframe

Answer 1

你可以给父 DIV.container 一个 position :relative 属性，因为它有一个固定的高度。

然后内部 div 可以有一个 position:absolute 并且你可以将它的高度设置为 100% 或者更低一点。您可以使用 top 属性来移动它。