jQuery将屏幕高度变化表格设置为高度

我希望我的表格或div覆盖用户屏幕的全部百分比，但“100％”高度不起作用。我正在尝试使用jQuery来获取屏幕大小，我可以做什么，但是如何将它放在表格高度代码中？jQuery将屏幕高度变化表格设置为高度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>For The Holy Church</title> 
<style type="text/css"> 
body { 
    background-image: url(images/BG.jpg); 
    background-repeat: repeat; 
    background-color: #181818; 
    margin: 0px; 
    height: 100%; 
} 
#Main { 
    background-image: url(images/HolyBG.jpg); 
    background-repeat: repeat-y; 
    background-position: center top; 
    height: 100%; 
} 
</style> 
</head> 

<body> 
<table width="100%" height="100%" border="3" cellpadding="0" cellspacing="0" id="Main"> 
    <tr> 
    <td valign="top"><table width="100%" height="100px" border="0" cellpadding="0" cellspacing="0" background="images/TopBG.jpg"> 
     <tr> 
     <td>&nbsp;</td> 
     </tr> 
    </table> 
     <table width="100%" height="350px" border="0" cellpadding="0" cellspacing="0" background="images/VaticanBG.jpg"> 
     <tr> 
      <td><table width="100" border="0" align="center" cellpadding="0" cellspacing="0"> 
      <tr> 
       <td><img src="images/banner/01.jpg" alt="" width="933" height="350" /></td> 
      </tr> 
      </table></td> 
     </tr> 
    </table> 
     <pre><script>$(document).ready(function() { 
    $("p").text(screen.height); 

}); 
</script> 
<br /> 
     </pre> 
     <p>&nbsp;</p> 
     <p>&nbsp;</p></td> 
    </tr> 
</table> 
</body> 
</html>

我的问题是，该表仅竟把内容，而不是屏幕的高度。

来源

2012-07-25 Papa De Beau

如果你的div不是直接的身体的孩子，它会得到它的父母的100％，而不是身体（从而屏幕）。 – 11684 2012-07-25 19:19:24

你应该张贴一些代码，但你可能还需要确保html和body也有height:100%作为你的div是内那些。

来源

2012-07-25 19:17:18

body: {height:100%;width:100%;} 

div: {height:100%;width:100%;} 

table: {height:100%;width:100%;}

来源

2012-07-25 19:19:32 jeschafe

表的每个父元素都应该将其高度设置为100％。

百分比高度仅将元素的高度设置为其父级的100％。它不会比这更大。

例如：

对于表格上方以填充屏幕，它的每一个父：DIV，身体和html标签必须具有其高度设定为100％。

来源

2012-07-25 19:19:49

jQuery将屏幕高度变化表格设置为高度

回答

相关问题