將高度設置爲100％

我有一個div，我想將其設置爲100％的高度，並且我知道如果單元格的高度爲div，它只能有百分比高度。我有一個表，它所在的列可以有不同的高度，具體取決於行中其他列的內容。那麼如果td必須具有100％的高度，那麼我如何仍然擁有100％高度的div？我是否也必須設置表格行高度？如果是這樣，我該怎麼做，因爲行的高度可以改變。將高度設置爲100％

<table width="100%"> 
    <tr style="min-height:90px;"> 
     <td width="500px" class="innerBox2"> 
     INFO HERE (THIS IS THE COLUMN THAT CAN CHANGE THE HEIGHT DEPENDING ON HOW MUCH INFO IS IN HERE) 
     </td> 
     <td width="90px" style="height:100%" align="center" class="innerBox"> 
     <div class="innerBox2" style="height:100%"> 
      THIS IS THE DIV IM ASKING ABOUT 
     </div> 
     </td> 
    </tr> 
    </table>

來源

2014-05-22 user3665310

所以，你要在div有表高度的100％使用position:absolute？ – Andrei

是的，但我認爲我解決了它。如果我將整個桌子的高度設置爲100％，那麼它似乎工作，即使我沒有在桌子上面設置任何高度。感謝您回覆這麼快速的難題 – user3665310

如果你想在單元格中div有表的100％，你不知道或不想設置在桌子的高度，你總是可以做到這一點：

http://jsfiddle.net/2R9sm/

的CSS：

.innerBox2{ 
    background:#999; 
    position:absolute; 
    top:0; 
    bottom:0; 
    overflow:hidden; 
} 
.innerBox1{ 
    background:#333; 
} 
table{ 
    position:relative; 
}

HTML：

<table width="100%"> 
    <tr style="min-height:90px;"> 
     <td width="500px" class="innerBox1"> 
     INFO HERE (THIS IS THE COLUMN THAT CAN CHANGE THE HEIGHT DEPENDING ON HOW MUCH INFO IS IN HERE) 
     </td> 
     <td width="90px" style="height:100%" align="center" class="innerBox"> 
     <div class="innerBox2" style="height:100%"> 
      THIS IS THE DIV IM ASKING ABOUT 
     </div> 
     </td> 
    </tr> 
    </table>

基本上，在div與bottom:0; top:0;將使其（在這種情況下表）的position:relative父的100％

來源

2014-05-22 13:49:28 Andrei

將高度設置爲100％

回答

相關問題