需要使用z-index强制子DIV的100％高度

Question

我试图在父DIV中强制子DIV达到100％高度。

父div包含z-index处的图像：1

子div是z-index：9999

我可以让孩子DIV强制100％的身高。

#protect_wrap   { width: 100%; 
                  float: left; 
                  background: #FFFFFF;
                  margin-top:0px;
                  text-align: center;
                  height: 100%;}

#protect_wrap img { z-index:1;}

#protect_col1    { width:200px;
                   margin: 0 auto; 
                   background: yellow;
                   z-index:999;
                   position:relative;
                   min-height: 100%;}

img.responsive-fill { width: 100%;
                      float: left; 
                      height: auto;}


<div id="protect_wrap">
     <img src="img/protect.jpg" class="responsive-fill">
     <div id="protect_col1"></div>
</div>

Answer 1

您可以将#protect_col1位置更改为绝对位置并将其设置为父级#protect_wrap为亲，孩子将遵循父级身高＆amp;宽度。

Answer 2

min-height与height不同。如果父级在min-height: 100%中有一些值，则您只能min-height。您可以将height用于子div吗？

Answer 3

你有这些改变吗？

#protect_wrap   {
  position:relative;
  .......
}
#protect_col1    { 
  ..........
  position:absolute;
}