<!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=utf-8" /> <title>高度100%的绝对定位布局 - Height 100% Layout</title> <mce:style type="text/css"><!-- * { margin:0; padding:0; border:0; } html, body { height:100%; } /* 同时设置html是为了兼容FF */ #panel { width:100%; height:100%; background-color:#00CCFF; } --></mce:style><style type="text/css" mce_bogus="1">* { margin:0; padding:0; border:0; } html, body { height:100%; } /* 同时设置html是为了兼容FF */ #panel { width:100%; height:100%; background-color:#00CCFF; }</style> </head> <body> <table id="panel" width="100%"> <tr> <td align="center">容器高度100%的绝对定位布局</td> </tr> </table> </body> </html>