最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css实现div两列高度自适应实例介绍
时间:2013-09-25 编辑:简简单单 来源:一聚教程网
方法一:
纯CSS实现高度自适应:
代码如下 | 复制代码 |
.content{ overflow:hidden; } .left, .center, .right{ padding-bottom:500px; margin-bottom:-500px;} |
方法二:
以下JS代码添加到
时间:2013-09-25 编辑:简简单单 来源:一聚教程网
方法一:
纯CSS实现高度自适应:
代码如下 | 复制代码 |
.content{ overflow:hidden; } .left, .center, .right{ padding-bottom:500px; margin-bottom:-500px;} |
方法二:
以下JS代码添加到
结束之前:
代码如下 | 复制代码 |
最后,CSS还得加上这个:
html,body{ height:100%;}
方法三,
三行两列高度自适应
代码如下 | 复制代码 |
Header Left Right Content Right Content Right Content Right Content 效果图如下
相关文章
热门栏目
|