Question

z-index对于隐藏div不起作用，height:100%也无法达到效果，请问怎么做，请各位高手指教！

<div style="width:220px;height:100%; margin:0 auto; text-align:center;background-color: lightgrey;float:left;overflow-y:auto; overflow-x:hidden;"> 菜单
<div> <br />
菜单展示区 <br />
菜单展示区 <br />
菜单展示区 <br />
菜单展示区 <br />
菜单展示区 <br />
菜单展示区 <br />
菜单展示区 </div>
</div>
<div style="height:100%; width:100%;padding:32px 0 0 0;box-sizing: border-box ; margin:0 0 0 220px ">

<div style="height:32px; margin:-32px 0 0 0; background:url(jiaoben2613/images/news-bg1.png) repeat-x 0 0; line-height:32px; ">标题</div>
<div style="overflow-y:auto;overflow-x:hidden; background:#9F3;height:100%;">
<div id="loading" style=" width:100%; background:#888; position:relative; height:100%;_height:100%; text-align:center; margin:0 auto; z-index:999 "> <br />
<br />
<br />
<br />
<br />
<div class="loading"><img src="loading2.gif" width="120 " height="120" style="background:#3333CC" />
加载.</div>
</div>
<div style=" width: 98%; "> 内容展示区 </div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
我想让系统在加载的时候，内容区的两个div在另一个不出现的时候都是占据高度100%，谢谢！ 前面和这个连起才是完整的

Answer 1

高百分百要生效，那么就从要生效这的一层往态猛上起所有的父元素（包括html和body）帆森桥都要设置100%才会生效

z-index不生效，可以把定位换成绝对定位或者固定定春乱位试一下。

Answer 2

意义不明，不过也不太像纯广告机的样子，莫非是新品种

Answer 3

发帖机器，吧务何在

追答

@月亮玩猫 @全装甲怪叔叔

Answer 4

这种事何不去问w3cschool