html - IE7问题：如何用子div的动态内容扩展父div的高度？

Question

我需要在 IE7 浏览器上解决这个问题，其中父 div 的高度没有随着子 div 的动态内容而扩展。

这是我的 HTML 标记：

<div class="parent">
  <div class="middle">
    <div class="inner">
      ....
      ....
      ....
    </div>
  </div>
</div>

CSS：

这个 CSS 垂直对齐中间的文本并且工作正常。它只是没有扩大父 div 的高度。80px 的高度.parent很重要，它是通过 PHP 动态设置的，不能更改为百分比或任何其他值。

.parent { position: relative; width: 100px; height:80px; }
.middle { position: absolute; top: 50%; }
.inner { position: relative; top: -50%; padding:10px 0; width:100px; }

Answer 1

改变内部班级位置，

错误的：.inner { position: relative; top: -50%; padding:10px 0; width:100px; }

真的 ：.inner { position: absolute; top: -50%; padding:10px 0; width:100px; }

看这个例子： 代码：http ://cdpn.io/nrcKa 整页：http ://codepen.io/anon/pen/nrcKa