关于HTML的层的问题

来源:百度知道 编辑:UC知道 时间:2024/06/03 21:59:45
如图所视:
我怎么样才能让左边红色的表格一直保持在整个表格的左上角?

table里面套table
比如:
<html>
<head>
</head>
<body>
<table width=100%>
<tr>
<td width=30% valign=top height=800>
<table style="border-collapse:collapse;" border="1" bordercolor="red">
<tr><td>这里是红色区域第1行</td></tr>
<tr><td>这里是红色区域第2行</td></tr>
<tr><td>这里是红色区域第3行</td></tr>
<tr><td>这里是红色区域第4行</td></tr>
<tr><td>这里是红色区域第5行</td></tr>
</table>
</td>
<td width=70% valign=top>
<table>
<tr><td>这里是右边空白区域</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>

其中
valign=top
就是让这一列在纵向保持顶部对齐的
align=left
是横向保持左部对齐,默认就是按左对齐,所以可以省略

把里边的表格用层固定到外边