HTML表格布局问题，如何做到这一点

【问题标题】：HTML table layout issue, how to do thatHTML表格布局问题，如何做到这一点
【发布时间】：2017-01-17 22:53:51
【问题描述】：

有谁知道如何制作这样的表格布局？

【问题讨论】：

如果绝对，必须是表格，您可以在表格单元格上使用colspan attribute (td)。正如 Ceuning 在下面指出的，tables aren't meant for layout，因此您可能希望使用一些带有网格布局的 div。
它必须是表格，我没有将它用于网页布局

【解决方案1】：

表格不适合那种东西。但可以使用“display:block;”在 td 元素上。

<style>
td{
    float:left;
    display:block;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background:lightblue;
    margin:0 2% 2% 0;
    padding:20px 10px;
}

<table width="600" cellpadding="0" cellspacing="0">
    <tr>
        <td width="75%">Test</td>
        <td width="21%">Test</td>
    </tr>    
    <tr>
        <td width="21%">Test</td>
        <td width="75%">Test</td>
    </tr>
</table>

查看实际操作：https://jsfiddle.net/gvqpb66r/

【讨论】：