61,129
社区成员




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<body>
<table id="tblContainer">
<tr>
<td valign="top">
<table border="1">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
</tr>
</table>
</td>
<td style="width: 100px; background-color: yellow; vertical-align: top;">一个一行两列的表格,左列嵌入一个表格,右列是内容。 <br />
怎样能使左列中的表格的高度随着右列中的内容的高度而变化使高度100%充满左列?<br />
右列中的内容的高度是没有绝对值的,它的高度可以很短,也可以很长!<br />
我把左列中的表格的高度设为100%是不行的,看能不能用CSS和JAVASCRIPT实现?<br />
请各位帮忙,谢谢!</td>
</tr>
<tr>
<td valign="top">
<table border="1">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
</tr>
</table>
</td>
<td style="width: 100px; background-color: green; vertical-align: top;">一个一行两列的表格,左列嵌入一个表格,右列是内容。 <br />
怎样能使左列中的表格的高度随着右列中的内容的高度而变化使高度100%充满左列?</td>
</tr>
</table>
<script type="text/javascript">
<!--
var cRows = tblContainer.rows;
var row;
for (var i=0; i<cRows.length; i++)
{
row = cRows[i];
row.cells[0].firstChild.height = row.cells[1].offsetHeight;
}
//-->
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<body>
<table id="tblContainer">
<tr>
<td valign="top">
<table id="tblTarget" border="1">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
</tr>
</table>
</td>
<td style="width: 100px; background-color: yellow; vertical-align: top;">一个一行两列的表格,左列嵌入一个表格,右列是内容。 <br />
怎样能使左列中的表格的高度随着右列中的内容的高度而变化使高度100%充满左列?<br />
右列中的内容的高度是没有绝对值的,它的高度可以很短,也可以很长!<br />
我把左列中的表格的高度设为100%是不行的,看能不能用CSS和JAVASCRIPT实现?<br />
请各位帮忙,谢谢!</td>
</tr>
</table>
<script type="text/javascript">
<!--
tblTarget.height = tblContainer.offsetHeight;
//-->
</script>
</body>
</html>