jquery让两个div高度自动适应 不用再看别的方法了 这个最简单
来源:互联网 发布:大数据挖掘及应用 书籍 编辑:程序博客网 时间:2024/04/27 17:07
这个问题今天可是整了我一上午,原本是打算用js实现,结果兼容性很难得处理.
最后选择了jquery,方法如下(这里是我推荐的方法):
function SetSameHeight(obj1,obj2) { var h1 = $(obj1).outerHeight(); var h2 = $(obj2).outerHeight(); var mh = Math.max( h1, h2); $(obj1).height(mh); $(obj2).height(mh); }
在页面用调用:
jQuery(document).ready(function($) { getSameHeight(".left",".line"); getSameHeight(".right_main",".line");//如果有3个div 就加这一行代码,再适应一次.}
Html中代码如下:
左边这里是右边页面
新手注意:页面中需要引用 jquery
总结:
网上介绍的有几种方法,大概如下,我说一下我的看法:
1、JS实现(判断2个div高);2、纯css方法;3、加背景图片实现
1.用普通的js实现,大多数只是支持ie,像opera和firefoxs还有google浏览器等都不支持,所以大家也不要选择这种了.兼容性问题.
2.纯css实现,主要是设置起来太麻烦了.css的兼容性我就没有测试了.
代码可以看一下这个:
#m1,#m2{padding-bottom: 32767px !important;margin-bottom: -32767px !important; }@media all and (min-width: 0px) {#m1,#m2{padding-bottom: 0 !important;margin-bottom: 0 !important; }#m1:before, #m2:before{content: '[DO NOT LEAVE IT IS NOT REAL]';display: block;background: inherit;padding-top: 32767px !important;margin-bottom: -32767px !important;height: 0;}}
3.加背景,其实加背景我看来就是给普通用户一个假像,它并没有把两个div高度设置一样高.这种还要做背景,也麻烦,虽然网上说很多大网站都是这样做的,我个人觉得不建议这么做,除非有特殊的需求.
总之,我还是建议使用jquery 来div 高度,希望对你有用.
- jquery让两个div高度自动适应 不用再看别的方法了 这个最简单
- jquery让两个div高度自动适应 不用再看别的方法了 这个最简单
- 让div自动适应高度
- 让div自动适应内容的高度
- 让div自动适应内容的高度
- DIV自动适应屏幕高度的方法
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
- iframe div 自动适应高度
- 子元素用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- 【解决方案】子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- 分析div自动适应浏览器的高度
- div自动适应内容的高度
- 分析div自动适应浏览器的高度
- 如何让body及里面的div、表格等自动适应屏幕高度
- 如何让iframe自动适应内容高度
- 如何让iframe自动适应内容高度
- 关联规则分析
- 3个管理部一本账
- 为下一轮测试准备
- 纪念我渐逝的爱情
- pl/sq之过程,函数,包,触发器
- jquery让两个div高度自动适应 不用再看别的方法了 这个最简单
- Climbing roses, Rose Trees and Miniature Roses - the possibilities are endless
- eclipse_JEE_3.6+tomcat7.0 配置
- Ming-Hsuan Yang: Publications
- 对SharePoint 2007数据库中一些数据表的使用
- 撒的
- asm-giude阅读笔记006(ASM核心API接口和对应组件---移除类的成员)
- the ways to winning
- zendframework环境搭建.txt