0

親 div の高さが子 div の動的コンテンツで拡張されない IE7 ブラウザーでこの問題を解決する必要があります。

これは私の 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; }
4

1 に答える 1

0

内部クラスの位置を変更し、

間違い：.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

于 2013-04-13T17:34:59.507 に答える