Question

如何使div高度达到100％，这样如果我改变div颜色，整个td颜色应该改变

 <table style="table-layout:fixed;width:100%;" border="1"  cellpadding=0 cellspacing=0>
                    <tr>
                       <td width="20%" height="70px" align="center">
                          <div class="step step1" style="display:block;" step="1">
                             <a href="#" onclick="javascript:getresource('1');">Video</a><p align="center"> <img id="img1" src="/media/img/accept.png" /><img id="img2" src="/media/img/close.gif" /></p>
                          </div>
                     </tr>
           </table>

Answer 1

你的造型中只需要height: 100%;，如下所示：

<div class="step step1" style="display:block; height: 100%;" step="1">

You can test it out here。但是，你错过了</td>，它会在某些DOCTYPE中产生奇怪的行为（在某些情况下它是有效的），请确保关闭该表格单元格是安全的。另外注意，除非你在某处覆盖它，否则不需要display: block;，这是display元素的默认<div>。

Answer 2

为什么不改变td的颜色？

div的风格：

margin: 0;
padding: 0;
width: 100%;
height: 100%;
border: none;

Answer 3

为什么不设置td颜色？

<td width="20%" height="70px" align="center" style="background-color:Orange;">

Answer 4

<td style="height: 100%"><div style="height: 100%"></div></td>显式，但默认情况下，应该是td的整个高度和宽度，前提是td和table有一个高度。

div标签的高度

4 个答案: