<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table布局</title>
</head>
<body style="margin: 0">
<table style="background:#f0f0f0;width: 100%;height: 700px">
<tr style="background: blue" ><td colspan="3" height="10%"></td></tr>
<tr style="background: gray">
<td style="background: #f8f8f8" width="20%">
<ul style="list-style-type: none;">
<li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
<li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
<li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
<li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
<li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
</ul>
</td>
<td colspan="2">
<iframe src="http://www.baidu.com"; width="100%"; height="100%"; name="myframe"></iframe>
</td>
</tr>
<tr style="background: green"><td colspan="3" height="10%"></td></tr>
</table>
</body>
</html>
原文：http://www.cnblogs.com/houweidong/p/7492766.html