html – CSS min-height不起作用

前端之家收集整理的这篇文章主要介绍了html – CSS min-height不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个父母#out和一个孩子#in div.父母是绝对定位的,它的最小高度是100%.它有效,但是如果我将min-height:100%设置给孩子,那么它没有结果.

HTML

CSS:

#out {
    position: absolute;
    min-height: 100%;
    background-color: green;
    width: 100%;
}
#in {
    min-height: 100%;
    background-color: red;
}

它仅适用于Opera
JSfiddle链接http://jsfiddle.net/TPyKS/

最佳答案
绝对定位元素不是与DOM中的其他元素一起计算的.它们被视为自己的浮动元素.其他元素的高度/宽度对他们来说毫无意义.因此,您无法根据它们设置基于最小高度/最小宽度的百分比.您需要明确设置高度/宽度.

猜你在找的CSS相关文章