关于table布局中自适应高度的解决办法

最新推荐文章于 2024-05-10 10:03:10 发布

shuaijie

最新推荐文章于 2024-05-10 10:03:10 发布

阅读量1.9k

点赞数

文章标签： Chrome Firefox XHTML HTML

本文链接：https://blog.csdn.net/shuaijie/article/details/83724315

版权

可支持IE6+,firefox,chrome。其中容易被忽略的是
[b][color=red]<DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">[/color][/b]
，不能使用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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

shuaijie

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于table布局中自适应高度的解决办法

可支持IE6+,firefox,chrome。其中容易被忽略的是[b][color=red][/color][/b]，不能使用XHTML[code="html"] table布局中自适应高度的解决办法html,body{height:100%;font-size:12px;}td {border:1px solid red;font-size: 12px...
复制链接

扫一扫