CSS/DIV问题

Question

我有一个标题，我想坚持顶部和我想坚持底部的页脚，以及我希望尽可能多地占用的silverlight控件，而不会溢出到页脚（或页眉）。它主要工作，如果我做的：

div#silverlightControlHost 
{ 
    float:left; 
    height: 80%; 
    width: 100%; 
} 

div#footer 
{ 
    position: absolute; 
    bottom: 0px; 
    width: 100%; 
    left: 0px; 
} 

我唯一的问题是，当存在分辨率低，如1024×768，在这种情况下，页脚得到部分由Silverlight控件覆盖。任何有关如何指定相对于页眉和页脚的Silverlight控件高度的建议？实际上，“高度：< 100％> - HeaderHeight - FooterHeight>;”

Answer 1

有没有办法使用纯CSS做到这一点。使用JavaScript，当屏幕大小的更新内容：

window.onresize = function() 
{ 
    var silverlight,headerHeight,footerHeight,windowHeight; 

    if (typeof(window.innerHeight) != 'undefined') 
     windowHeight = window.innerHeight; 
    else 
     windowHeight = document.body.offsetHeight; 

    silverlight = document.getElementById('silverlightControlHost'); 
    headerHeight= parseInt(document.getElementById('header').style.height,10); 
    footerHeight= parseInt(document.getElementById('footer').style.height,10); 
    silverlight.style.height = (windowHeight - headerHeight - footerHeight) + "px"; 
} 

Answer 2

一种可能性，如果你确切知道页眉和页脚将会达到什么样的高度，那就是使用top：（header的高度）px;底部:(页脚的高度）px;高度：自动;