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; top: -50%; padding:10px 0; width:100px; }

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

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

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

1 个答案: