将高度设置为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％

回答

相关问题