让表格高度撑满整个浏览器
让表格撑满整个浏览器的例子:
<!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>无标题文档</title> <style type="text/css"> * { padding:0px; margin:0px; } html, body { width:100%; height:100%; } </style> </head> <body> <table style="height:100%;width:100%;border:solid 1px black;"> <tr> <td><table style="width:100%;height:100%;border:solid 1px red;"> <tr> <td style="height:41px;border:solid 1px #6F6"></td> </tr> <tr> <td></td> </tr> <tr> <td style="height:41px;border:solid 1px #00F"></td> </tr> </table></td> </tr> </table> </body> </html>
注意的地方是要加上 html, body {height:100%;width:100%}
不抛弃,不放弃