浏览 5803 次
|
锁定老帖子 主题：关于table布局中自适应高度的解决办法
精华帖 (0) :: 良好帖 (0) :: 新手帖 (7) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-09-27
最后修改：2010-09-27
可支持IE6+,firefox,chrome。其中容易被忽略的是
<DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN"> ，不能使用XHTML
<DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">
<html>
<HEAD>
<title>table布局中自适应高度的解决办法</title>
<style type="text/css">
html,body{height:100%;font-size:12px;}
td {border:1px solid red;font-size: 12px;color: #000000;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
#main{border:1px solid red;width:100%;min-height:100%;height:100%;overflow:hidden !important;overflow: visible;}
#header{height:94px;border:1px solid red;}
</style>
</head>
<body>
<table id="main">
<tr><td id="header">我的顶部</td></tr>
<tr><td>我是主要内容</td></tr>
</table>
</body>
</html>
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2010-10-08
哈哈，我马上试试，以前看到的都是JS解决的，麻烦！
|
| 返回顶楼 | |
|
发表时间：2011-09-06
感谢分享！
这种自适应的写法，FF和IE 是兼容的，很不错 |
| 返回顶楼 | |
|
发表时间：2011-09-06
css写的比较繁琐，可以合并的
|
| 返回顶楼 | |
