网站制作学习网DIV+CSS→正文:表格的高度设为屏幕的100%
字体:

表格的高度设为屏幕的100%

DIV+CSS 2010/9/17 16:34:45  点击:不统计

学习www.网for站asp制.cn作

当想把表格的高度设成100%,怎么都没成功
后来想了想,先对html和body设置了height:100%,然后再设置表格的高度为100%,就成功了
看代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格的高度100%</title>
<style type="text/css">
<!--
html,body {
 margin: 0px;
 height: 100%;
 color: #FFFFFF;
}
h2 {
 color: #FFFF00;
}
li {
 line-height: 2em;
 font-size: 18px;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0">
<table width="100%" height="100%" border="0" bgcolor="#0099FF">
  <tr>
    <td align="center" valign="middle"><h1>HTML 4.01规范下——表格的高度100%</h1>
      <h2>测试通过的浏览器:</h2>
      <ul>
        <li>IE5.0 &amp; IE6.0</li>
        <li>firefox1.0</li>
        <li>Opera8.0</li>
        <li>netscape8.0 beta</li>
      </ul></td>
  </tr>
</table>
</body>
</html>


·上一篇:css3.0学习 第二节 背景 >>    ·下一篇:css3.0学习 第三节 颜色 >>
推荐文章
最新文章