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>