table tr高度自适应_随笔

可支持IE6+,firefox,chrome。其中容易被忽略的是

，不能使用XHTML

<html>

<HEAD>

<title>table布局中自适应高度的解决办法</title>

html,body{height:100%font-size:12px}

td {border:1px solid redfont-size: 12pxcolor: #000000margin-left: 0pxmargin-top: 0pxmargin-right: 0pxmargin-bottom: 0px}

#main{border:1px solid redwidth:100%min-height:100%height:100%overflow:hidden !importantoverflow: visible}

#header{height:94pxborder:1px solid red}

</style>

</head>

<body>

<tr><td>我是主要内容</td></tr>

</table>

</body>

</html>

html中自适应表格的问题 *** 作方法：

1、实例代码如

<tr>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</body>

2、实例代码如图：

3、代码各个用处分析：

这个表格分为3块

第一个id为conditions，放查询条件。

第二个id为Content，放显示内容。

第三个id为btnDel，放删除按钮。

第一个和第三个宽度可以设置小一点，让内容自己去展开。

欢迎分享，转载请注明来源：内存溢出

table tr高度自适应