絕對div內的100％高度

我有絕對定位div內的表。該div使用top 0和bottom 0，延伸，並且它看起來像預期的那樣跨瀏覽器延伸。（我檢查了一下，我在它上面放了一個邊框，並按預期延伸）。現在，在div裏面我有一張桌子。我希望桌子能夠在所有的div空間，以及Google Chrome中使用。但在Internet Explorer和Firefox中不是，表格會伸展到寬度，但會忽略高度屬性，其高度取決於其內容。絕對div內的100％高度

有沒有辦法解決它，或繞過它？

下面是代碼：

<div 
    style= 
     "position:absolute; 
     top:40px; 
     left:0px; 
     right:0px; 
     bottom:0px;"> 
    <table 
     width="100%" 
     cellpadding="0" 
     cellspacing="0" 
     style="height:100%;"> 
    </table> 
</div>

來源

2010-11-06 Tal

沒有任何理由要使用的絕對定位一個div表格內。 – kobe 2010-11-06 15:43:41

是的，因爲我的div是爲了確定身高而存在的。 – Tal 2010-11-06 17:06:51

頁面被拉伸到屏幕的整個大小，並且div按預期伸展。表格應該延伸到div的全部大小，但正如我所說的，只有谷歌瀏覽器能夠理解它。 – Tal 2010-11-06 17:07:58

定義您div的height，

<div style="position:absolute; top:40px; left:0px; right:0px; background-color: #f90; bottom:0px; height: 400px"> 
    <table width="100%" cellpadding="0" cellspacing="0" style="height:100%;">  
    </table> 
</div>

來源

2010-11-06 15:42:28

這正是問題所在。我不想定義高度，因爲它隨窗口大小而變化。 – Tal 2010-11-06 17:08:45

@Tal看到這個鏈接，'http：// jsfiddle.net/6bqkL/1 /'它的工作在Firefox，IE和鉻也。 – 2010-11-06 17:52:24

還有一件事，確保你的這個絕對div在'position：relative'設置的任何div中都是'not wrapped'。 – 2010-11-06 17:55:08

絕對div內的100％高度

回答

相關問題