当前位置：首页 → 问答吧 → 请教一个table的问题

请教一个table的问题

时间：2010-09-14

来源：互联网

请问大虾们有没有办法可以将灰色的那行是填充剩余高度的啊？？？现在只有IE6、7不行，其他都行

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> new document </title> <style> *{padding:0; margin:0} html,body{height:100%; width:100%} html{ overflow:auto;} </style> </head> <body> <table style="width:100%; height:100%;" cellpadding="0" cellspacing="0"> <tr style="height:50px; background:red;"> <td colspan="2"></td> </tr> <tr style="background:gray;"> <td>1</td> <td>2</td> </tr> <tr style="height:30px; background:blue;"> <td colspan="2"></td> </tr> <tr style="height:70px; background:green;"> <td colspan="2"></td> </tr> </table> </body> </html>
提示：您可以先修改部分代码再运行

作者: tallman9999 发布时间: 2010-09-14

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> new document </title> <style> *{padding:0; margin:0} html,body{height:100%; width:100%} html{ overflow:auto;} </style> </head> <body> <table style="width:100%; height:100%;" cellpadding="0" cellspacing="0"> <tr style="height:50px; background:red;"> <td colspan="2"></td> </tr> <tr style="background:gray; height:100%"> <td>1</td> <td>2</td> </tr> <tr style="height:30px; background:blue;"> <td colspan="2"></td> </tr> <tr style="height:70px; background:green;"> <td colspan="2"></td> </tr> </table> </body> </html>
提示：您可以先修改部分代码再运行

这个用DIV+CSS会不会更简单、更容易维修些呢？

作者: veapon 发布时间: 2010-09-15

不太明白你的意思!

作者: tipefi 发布时间: 2010-09-15