HTML table合并行列后，使用百分比设置列宽

表格中有一行合并过，其它没有合并的行的列宽会平均化,所设置的style="width: 60%"并不会起作用，对列宽的设置会失效。

table-layout: fixed 的表格，各列宽度由第一行决定，后面指定的宽度会被忽略。
你第一行合并了，所以各列宽度均分了。

解决方法：在<table>之后添加代码：

<col style="width: 60%" />
<col style="width: 20%" />
<col style="width: 20%" />

例如：

<table  style="width: 100%; height: 100%; table-layout: fixed; word-break: break-all;">
          //重点
           <col style="width: 15%" />
           <col style="width: 85%" />
        <tr>
            <td  style="width: 100%; height: 60px;" colspan="2">01
            </td>
        </tr>
        <tr >
            <td style="border: 2px solid black;">
                <div id="dtree">
                </div>
            </td>
            <td style="width: 85%; border: 2px solid black;">
            <iframe id="ifrWorkSpace" name="ifrWorkSpace"></iframe>
            </td>
        </tr>
        <tr>
            <td style="width: 100%; height: 40px;" align="center" colspan="2" >
                &copy 20160516
            </td>
        </tr>
    </table>