当前位置：首页 → 问答吧 → Table三行一列，两行固定，一行自适应的困惑。

Table三行一列，两行固定，一行自适应的困惑。

时间：2011-09-07

来源：互联网

<!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"> * { margin:0 ; padding:0} img { border:none} html,body { height:100%; font-family:"宋体"; font-size:12px; color:#969696} </style> </head> <body> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed;"> <tr> <td height="100%"> <div style="height:100%; width:100%; overflow:auto; position:relative "> 222222 222222 </div> </td> </tr> <tr> <td height="30" style="background:#CCFFCC;"> </td> </tr> <tr> <td height="120" style="background:#CC99CC;"> </td> </tr> </table> </body> </html>
提示：您可以先修改部分代码再运行

这代码在chrome 里运行是预想要的效果，在IE 和 FF 里弄了好久弄不明白，求高手给思路。

三行一列，两行固定，一行自适应的疑惑，
内容超出自适应的高度后顶行的高度又自动增加，从而把下面二行挤下去了。困惑了好久

[ 本帖最后由 FFEEDD 于 2011-9-7 15:37 编辑 ]

作者: FFEEDD 发布时间: 2011-09-07

为什么不用div来搞定这样的问题呢？？？？？！！