CSS 边框不会显示在空行上

Question

我在一个表中有一个表，该表有 2 行。我设法为第一行设置了边框，其中包含一个词。但是，我就是无法显示底部空行的边框。

HTML:

    <table  class="WorkflowBlock"  width="160" cellspacing="0" cellpadding="0">
   <tbody>
      <tr>
         <td valign="Top">
            <table width="100%" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td height="30" align="Left" class="stepNext" valign="Top" colspan="3">
                        <span title="Order">
                           <ol class="flow" start="4">
                              <li style="font-weight: bold;">Order</li>
                           </ol>
                        </span>
                     </td>
                  </tr>
                  <tr class="content">
                     <td>&nbsp;</td>
                     <td><br><br><br><br><br><br><br><br><br></td>
                     <td>&nbsp;</td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
</table>

CSS

.WorkflowBlock .stepNext {
    color: #333333;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}
.WorkflowBlock .content {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}

知道我错过了什么吗？ 这是 fiddler :https://jsfiddle.net/50qhrph6/

Answer 1

尝试添加

.WorkflowBlock .content {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    display: table-cell;
}

https://jsfiddle.net/r0uL3gd3/