Question

所以，我在表格中放了一个div。表格在最小高度100％处拉伸，但是在将高度或最小高度设置为100％后，儿童div拒绝拉伸。但是当表格高度不是最小高度设置为100％时，div会拉伸。为什么会这样？

<form>
<div id="host">
</div>
</form>

body, html{
    height: 100%;
}
form
{
    min-height: 100%;
}

#host{
    min-height: 100%;
    background-color: red;
}

http://jsfiddle.net/fkuE8/

Answer 1

min-height：用于设置元素的最小高度，例如

  height: 100%;         /* full height  */
  min-height: 100px;   /* at least  100px */

如果您设置百分比，它将使用尽可能少的空间

Answer 2

您还需要表单高度为100％

body, html, form {
    height: 100%;
}

在这里演示 - jsfiddle.net/DCf23/

DIV高度根据css不变

2 个答案: