HTML設置表的高度爲100％

我試過這樣做，但它似乎只是被忽略。我發現一些文章說，如果你想這樣做，那麼你必須確保父對象也是100％。我有以下內容：HTML設置表的高度爲100％

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server" style="height:100%"> 
    <title>Untitled Page</title> 
    <asp:ContentPlaceHolder id="head" runat="server"> 
    </asp:ContentPlaceHolder> 
    <style type="text/css"> 
     .MasterStyle 
     { 
      width: 98%;    
      height: 100%; 
     } 
     .ContentStyle 
     {   
      width: 100%; 
     } 
     .TableStyle 
     { 
      width: 133px;      
      height: 100%; 
     } 
    </style> 
</head> 
<body class="MasterStyle"> 
    <form id="frmMaster" runat="server"> 
    <div class="ContentStyle">   
     <asp:Label runat="server" Text="My Site Name" Font-Bold="true" Font-Names="MS-Sans" 
      Style="text-align:right" Width="100%" /> 
     <br />   
    </div> 
    <hr /> 
    <table style="width:100%; height:100%" border="true"> 
     <tr> 
     <td class="TableStyle" style="height:100%">

我在桌子周圍有一個邊框，可以看到它沒有填充高度。誰能告訴我爲什麼我沒有獲得100％的身高？

來源

2010-08-23 pm_2

我相信這也是依賴於瀏覽器中，實現改變一點點...
但嘗試設置<html>至100％的高度，以及，因爲它是圍繞<body>的元素。層次結構爲html>body>table，如果最外層元素未設置爲100％，則內層元素不能變大。

編輯：
看你的源代碼更接近，我相信你的表實際上是坐在html>body>form>table，所以也許你的東東設置表格高度爲100％，太。我注意到你的<head>設置爲100％，最好刪除它，因爲<head>不是你的表的層次結構的一部分。你從來沒有如何設置高度<head>可能會混淆渲染引擎...

來源

2010-08-23 07:11:55 Treb

謝謝。設置表單和HTML工作。但是，我收到一個編譯警告，說沒有HTML的樣式屬性！ – 2010-08-23 07:24:53

看看這個網站，希望它有助於： http://apptools.com/examples/tableheight.php

來源

2010-08-23 07:11:55 Ivo

非常好的文章。感謝您的鏈接！ – Treb 2010-08-23 07:18:28

HTML設置表的高度爲100％

回答

相關問題