子元素不繼承從父表單元格的高度在IE

我有以下scenario，其中我有一個表，它是要佔用100％的高度：子元素不繼承從父表單元格的高度在IE

<table class="table1"> 
    <tr> 
     <td class="fixed"> 
      Fixed height row 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <table class="table2"> 
       <tr> 
        <td> 
         Content 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table>

的表格單元格內，我有一些其他元件我想填充父表格單元格高度（100％）。

這適用於IE瀏覽器怪癖模式（原始應用程序寫入），以及Chrome和Safari。我沒有檢查其他瀏覽器。

但是，它似乎在標準模式下的任何版本的IE中都不起作用。看起來子元素並不隱式地繼承其父表格單元格的高度。

這是一個IE錯誤，什麼是最好的解決方法？

附加信息：

這種情況是貫穿我們正在努力使符合標準的一個巨大的傳統企業應用廣泛。因此，我正在尋找一種解決方案，其中涉及對標記進行儘可能少的更改。

來源

2013-09-26 Brett Postin

沒有任何理由爲什麼要使用表中的錯誤？表格用於表格數據（如果您希望代碼更符合您的要求，應刪除用於格式化的表格），如果您只想要固定高度的表頭，則可以使用div – Pete

輕鬆實現。還有哪些版本的ie它是否需要兼容？ – Pete

@Pete正如我在我的問題中所說的，我們正在處理一個巨大的遺留應用程序。我知道用於佈局的表格是不好的，但這就是這種情況。我們正在嘗試使應用程序成爲多瀏覽器，這個問題可能會爲我們創造許多工作。改變每個頁面的佈局結構將需要幾年的時間才能發展！ –

這種行爲在IE和Firefox是顯而易見的。

後者是reported爲自1999年以來

來源

2015-08-26 15:16:36

-2

給你的表格100％的高度。

td{height:100%;}

看到IE http://jsfiddle.net/gqLUw/11/

來源

2013-09-26 08:28:23 Dale

這會導致第二行溢出容器。 –

你有不同的解決方案嗎？ – Dale

如果我做了，我不會在這裏問！您的解決方案將另一個問題交換。 –

更新小提琴請使定位......即父母與子女的位置等來：相對和絕對分別

來源

2013-10-10 06:16:47

我已經嘗試使單元格位置：相對和絕對定位的孩子頂部：0底部：0，這如果你嘗試你會看到不行。 –

子元素不繼承從父表單元格的高度在IE

回答

相關問題