HTML表高地時，嵌套，並設置爲100％，第二個表重疊第一

複製下面的例子中，並保存爲一個.html文件，並在瀏覽器中運行它HTML表高地時，嵌套，並設置爲100％，第二個表重疊第一

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<table style="width:100%;height:500px" border="5" > 
<tr> 
    <td> 
     <br /><br /><br /><br /><br /><br /> 
    <table border=1 style="width:100%;height:100%"> 
     <tr> 
     <td> 
      <br />test<br /> 
     </td> 
     </tr> 
    </table> 
    </td> 
</tr> 
</table>

你會看到第二個表與第一個表重疊了換行的數量。如果不刪除第一張桌子上的「高度」元素，我怎樣才能讓第二張桌子擴大到剩餘的全高並且不會與第一張桌子重疊。

這是一個更大更復雜的HTML場景

來源

2011-07-24 Henry

此代碼工作的一個較小的樣本：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<table style="width:100%;height:500px" border="5" > 
    <tr><td height="75px"></td></tr> 
    <tr> 
     <td> 
      <table border=1 style="width:100%;height:100%;"> 
       <tr> 
        <td> 
         test 
        </td> 
       </tr> 
      </table> 

     </td> 
    </tr> 
</table>

只要改變任何你需要的TD高度。它重疊的原因是因爲內表被設置爲100％的高度，並且<br />不影響外表的高度並且因爲它被設置爲固定的高度而使其擴大。

來源

2011-07-24 04:36:34 Purag

HTML表高地時，嵌套，並設置爲100％，第二個表重疊第一

回答

相關問題