html – CSS min-height不起作用

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

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

HTML

CSS:

  1. #out {
  2. position: absolute;
  3. min-height: 100%;
  4. background-color: green;
  5. width: 100%;
  6. }
  7. #in {
  8. min-height: 100%;
  9. background-color: red;
  10. }

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

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

猜你在找的CSS相关文章