使用百分比的表格布局

Question

我想用HTML创建一个具有以下结构的表：

然后内容将适合细胞。

我无法确定需要设置什么尺寸才能使其工作。白色空间可以是cellspacing或padding或其他任何有效的东西，但我无法确定设置它的百分比。在这里，我更关心宽度而不是高度，但绝对值的垂直和水平间距应相等。

例如，如果我希望它更简单地为10％ - 10％ - 80％，则将间距设置为10％似乎不会产生这种效果。

Answer 1

<table style="border:1px solid black;width:100%">
     <tr><td >ffff</td><td rowspan="2" style="border:1px solid black">hhhhh</td></tr>
    <tr><td style="border:1px solid black">rrrr</td></tr>
    </table>

这个

的表格结构

Answer 2

试试这段代码：

<强> DEMO

  <table cellpadding="0"  cellspacing="0"    width="100%" height="100%" style='background:red;'>
      <tbody>
      <tr >
        <td  style="width: 71.2%;
height: 49.55%; border-bottom: 4px solid white">
          Insert header image
        </td>
        <td   rowspan="2" style="height: 49.55%; width: 27.62%; border-left: 4px solid white;">
          Insert header image
        </td>

      </tr>
      <tr>
        <td>
          Insert header image
        </td>

      </tr>

    </tbody>
    </table>