看到sam关于max-height的文章,觉得按捺不住了。sam注重于样式表的写法,过多的要求div+css的布局,sam可是追求艺术的人哦,我嘛,没什么艺术细胞,做事情更偏重于结果,下面我就分享下我的一点点心得体会。

先忘掉div,我们想想我们曾经熟练使用的table,当给td定义height=300px后,td里的内容如果高度超过300px,在不同浏览器里table都会自动伸展,这不就是最好的min-height实现吗?

当然代码要这样写:测试请改变 id=”tt” 层的height值

<div style=”border:1px solid black;”>
<table width=500px cellspacing=0 cellpadding=0 border=0>
<tr>
 <td height=”200px” valign=”top”>
  <div id=”tt” style=”height:500px;background:red;”></div>
 </td>
</tr>
</table>
</div>
<div style=”background:green;height:60px;”></div>

Category: 前端

3 responses

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. suny911 says:

    Table一出,天下无敌

  2. 韩小籁 says:

    为何有的文章被密码保护了呢?

  3. jq says:

    Table一出,天下无敌 哈哈