Question

为什么div不是height:100%？

由于jquery ui draggable，我需要身体没有固定的高度

html {
    height:100%;
}

body {
    min-height:100%;
    margin:0;
}

div {
    height:100%;
    background:red;
}

<body>
    <div>asdf</div>
</body>

Answer 1

简短回答是：如果未明确设置父级的高度，则子高度将设置为自动。

本文解释了为什么您要实现的目标不起作用：http://www.456bereastreet.com/archive/201306/height_in_percent_when_parent_has_min-height_and_no_height/

这是来自CSS 2.1规范（据我所知，它与CSS3没有区别）

百分比是根据高度来计算的生成的框包含块。如果含有的高度未明确指定块（即，它取决于内容高度），这个元素并不是绝对定位的值计算'自动'。

然后解决方案是在 div 上设置position:absolute;或在 body 上设置height:100%;。

Answer 2

您应该将height: 100%应用于正文而不是min-height: 100%

示例：http://jsfiddle.net/28V6q/3/

最小高度和高度不起作用

2 个答案: