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>

以下是我的解决方案限制： - ＆＃39;身高：50px＆＃39;在父母中只是说明性的;解决方案必须在不知道父母身高的情况下工作 - IE7以上 - 更多css，请少用Javascript

感谢。

Answer 1

你可以试试这个：

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

Answer 2

希望这是你想要的

DEMO

编辑：正如您所提到的那样，外部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>

希望这对你有用!!!!

设置内部div的高度

3 个答案: