問題描述：本地專案頁面左側選單點選父親節點拉伸出子節點後，演示的陰影不能覆蓋所有的左側選單，現象如下圖：此時整個演示的頁面要通過滾動條才能看到整個選單內容

整個選單都放在div中,div的父親節點為body，此時設定了height為100%，依然沒有效果

<div class="leftpanel">

嘗試方案：

1.通過css樣式修改，設定最小高度

_height:200px; /* css 註解： 僅IE6設別此屬性，假定最低高度是200px ，設定高度200px，內容超出後IE6會自動撐高設定高度 */ 
min-height:200px; /* css註釋
 

2.設定body和html的height都為100%

無效

3.通過js獲取到螢幕高度，然後設定div的高度為螢幕高度

<div id="test" style=" border: solid 1px #f00; "></div>
<script type="text/javascript">
autodivheight();
function autodivheight(){ //函式：獲取尺寸
    //獲取瀏覽器視窗高度
    var winHeight=0;
    if (window.innerHeight)
        winHeight = window.innerHeight;
    else if ((document.body) && (document.body.clientHeight))
        winHeight = document.body.clientHeight;
    //通過深入Document內部對body進行檢測，獲取瀏覽器視窗高度
    if (document.documentElement && document.documentElement.clientHeight)
        winHeight = document.documentElement.clientHeight;
    //DIV高度為瀏覽器視窗的高度
    document.getElementById("test").style.height= winHeight +"px";
  
}
window.onresize=autodivheight; //瀏覽器視窗發生變化時同時變化DIV高度
</script>
 

display: table;