UC知道网页布局,高度自适应
来源：百度知道 编辑：UC知道 时间：2024/06/07 20:11:42
怎么实现下述效果:
表格方式:
1.网页上一个table,table高度为100%,包含2行
2.我想第一行固定高度比如50px
3.第二行高度自适应,填充剩下区域
4.开头要有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">声明,因为这个声明加不加还好有差异的.
div方式:
1.结构如下:
<div id="a">
<div id="b"></div>
<div id="c"></div>
</div>
2.id为a的div高度为100%
3.b固定高度为50px
4.c的高度自适应,填充剩下区域
说明:上面2种方式实现一种即可,能兼容ie6,ie7 能兼容ff最好.
描述不清?还是太难了?
表格方式:
1.网页上一个table,table高度为100%,包含2行
2.我想第一行固定高度比如50px
3.第二行高度自适应,填充剩下区域
4.开头要有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">声明,因为这个声明加不加还好有差异的.
div方式:
1.结构如下:
<div id="a">
<div id="b"></div>
<div id="c"></div>
</div>
2.id为a的div高度为100%
3.b固定高度为50px
4.c的高度自适应,填充剩下区域
说明:上面2种方式实现一种即可,能兼容ie6,ie7 能兼容ff最好.
描述不清?还是太难了?
table的把body内换成
<table border="3" width="100%" id="a" style="height:100px; border:thin solid #000;">
<tr>
<td bgcolor="#FF0000" id="b" style="height:50px"></td></tr>
<tr>
<td bgcolor="#99FF33" id="c" style="height:10px"></td></tr>
</table>
+++++++++++++++++++++++++++++++++++++++++++++++++
<!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="t