html - IE7 问题 : How to expand parent div's height with dynamic content of the child div?

Question

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

这是我的 HTML 标记:

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

CSS:

此 CSS 将文本垂直居中对齐并且工作正常。它只是没有扩展父 div 的高度。 .parent 上的 80px 高度很重要，它是通过 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

改变内部类位置，

false: .inner { position:relative；顶部:-50%；填充:10px 0；宽度:100px； }

true : .inner { position:absolute；顶部:-50%；填充:10px 0；宽度:100px； }

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