一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

css实现div两列高度自适应实例介绍

时间:2013-09-25 编辑:简简单单 来源:一聚教程网

方法一:

纯CSS实现高度自适应:

 代码如下 复制代码

.content{ overflow:hidden; }

.left, .center, .right{ padding-bottom:500px; margin-bottom:-500px;}

 

方法二:

以下JS代码添加到结束之前:

 代码如下 复制代码


最后,CSS还得加上这个:

html,body{ height:100%;}


方法三,

三行两列高度自适应

 

 代码如下 复制代码


css


Header



Left


Right Content

Right Content

Right Content

Right Content




效果图如下

css+div实现三行两列高度自适应

热门栏目