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

你可以试试这个：

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

Answer 2

希望这是你想要的

演示

编辑：正如你所提到的，外部 DIV 可以有另一个可能延伸到底部 15px 的孩子然后看看这个DEMO2

Answer 3

身高：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>​

希望这对你有用！！！！