下面是HTML中的代码：

<div id="maincontent">

<div id="content1"></div>

<div id="content2"></div>

<div id="content3">

<div id="message1">aaaa</div>

<div id="message2">bbbbb</div>

</div></div>

CSS中：

 #maincontent div{

        display:none;

}

 

#content3 div{

display:block;

}

当我用js控制 content3  show出来的时候 content3中的div却显示不出来···

 

 怎么控制父div 隐藏  当父div show的时候 其下的div也将得到显示

 

[quote]怎么样才能使 父div显示 他下面的所有 子孙 div 都显示呢？ [/quote]
只要父div设置为display:block,并且子孙div的display也为block

[quote] content3 show出来的时候 content3中的div却显示不出来···[/quote]
这是不可能的，以为包含它的容器（div）maincontent的display设置为none。

父元素不显示的话，子元素肯定也显示不出来的；
[quote]怎么控制父div 隐藏 当父div show的时候 其下的div也将得到显示[/quote]
写JS控制

这样的功能，肯定不是用div嵌套来实现，应该是相对定位和绝对定位（结合z-index）来实现。

看看下面的代码，要实现切换，只要把z-index设置更小或者将把display:none。
[code="html"]

[/code]