嵌套Div高度不會變化

好的。首先，我對CSS和HTML很陌生。我一直在做這個項目，並且一邊學習一邊學習。有了這個說法，如果你能解釋你的答案，那會幫助我很多！嵌套Div高度不會變化

無論如何。長話短說，我正在創建一個表單，並試圖將div與div顯示爲一個表格（我知道如何使用HTML表格，我選擇使用div，所以我可以使用CSS更好地進行設計）。

基本上，我有一個主要的div顯示爲一個表格，並將高度設置爲100％。然後我嵌套div顯示爲表格行（總共5個），以及顯示爲表格單元格的其他嵌套div。

我遇到的問題是，當我設置行或單元格的高度時，它們不會改變...全部！請記住，我使用的百分比不是px或em。

我想讓行1和5在主分區的100％的5％處，以及在主分區的100％處的2到4的30％處。我認爲這將等於100％，並使行匹配主div的100％高度。這顯然不起作用，所以我認爲我的邏輯完全錯誤。

我已經搜索了一個解決方案，並沒有找到一個，這就是爲什麼我在這裏。

下面是我在做什麼的想法：

#MainDivTable 
{ 
    display: table; 
    height: 100% 
    width: 100%; 
} 

#DivCol1Row2 
{ 
    height: 30%; 
} 

#DivCol1Row3 
{ 
    height: 30%; 
} 

#DivCol1Row4 
{ 
    height: 30%; 
} 

#DivCol1Row5 
{ 
    height: 5%; 
}

來源

2013-05-28 user2429882

你要明白，百分比高度總是東西百分比 即當您指定mainTable高度爲100％，它必須是100％的東西，通常是父母的身高。

首先，您需要將父級的高度設置爲固定值，否則您可以向上傳播佈局中的百分比高度，直到到達根元素。

在你的情況，我認爲，

html, body { height:100%;}

應該做的伎倆。

來源

2013-09-25 19:20:34 gaurav5430

嵌套Div高度不會變化

回答

相關問題