css - 内部divの高さを設定します

Question

内部divの高さを親の高さから15pxを引いたものに設定するにはどうすればよいですか？以下は機能しません：内部divが下部を超えて拡張します。内部divの代わりにテーブルを使用してみましたが、サイコロはありません。

<div style="position:relative;overflow:hidden;width:200px;height:50px;border:1px solid black">
  <div style="position:absolute;overflow:hidden;top:0;bottom:15px;left:0;width:50px;border:2px solid black">
    <div>a</div>
    <div>b</div>
    <div>c</div>
    <div>d</div>
    <div>e</div>
  </div>
</div>

これが私のソリューションの制約です。-親の「height：50px」は単なる例示です。ソリューションは、親の身長を知らなくても機能する必要があります-IE7以降-cssを増やし、Javascriptを減らしてください

ありがとう。

Answer 1

これがあなたが望むものであることを願っています

デモ

編集：あなたが言ったように、外側のDIVには、下の15pxまで伸びる可能性のある別の子があり、このDEMO2を見てください。

Answer 2

高さ:93.8% 意味:height:93.8% = 100% - 15px

<div style="position:relative;width:200px;height:50px;border:1px solid black">
  <div style="position:absolute;overflow:hidden;top:0;bottom:15px;left:0;width:50px;border:2px solid black; height:93.8%;">
    <div>a</div>
    <div>b</div>
    <div>c</div>
    <div>d</div>
    <div>e</div>
  </div>
</div>​

これがうまくいくことを願っています!!!!

Answer 3

これを試すことができます：

#outer {
    padding-bottom: 15px;
}
#inner {
    height: 100%;
}