html - div标签的高度

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 中产生奇怪的行为(在某些 DOCTYPE 中是有效的)，确保关闭该表格单元格以确保安全。另一个注意事项，除非您在某处覆盖它，否则不需要 display: block; , 这是默认的 display对于 <div>元素。