CSDN论坛 > Web 开发 > JavaScript

求教:::jQuery写的两边div适应中间div高度的代码 在360兼容模式下,火狐下失效 [问题点数:40分,结帖人sinat_35836870]

Bbs1
本版专家分:0
结帖率 100%
CSDN今日推荐
Bbs12
本版专家分:396037
版主
Blank
探花 2017年 总版技术专家分年内排行榜第三
Blank
进士 2013年 总版技术专家分年内排行榜第五
Blank
金牌 2018年5月 总版技术专家分月排行榜第一
2018年4月 总版技术专家分月排行榜第一
2018年2月 总版技术专家分月排行榜第一
2017年8月 总版技术专家分月排行榜第一
Blank
银牌 2018年3月 总版技术专家分月排行榜第二
2017年11月 总版技术专家分月排行榜第二
2016年2月 总版技术专家分月排行榜第二
2014年2月 总版技术专家分月排行榜第二
2013年4月 总版技术专家分月排行榜第二
Bbs4
本版专家分:1647
Bbs4
本版专家分:1647
Bbs1
本版专家分:25
Blank
蓝花 2017年2月 扩充话题大版内专家分月排行榜第三
匿名用户不能发表回复!
其他相关推荐
上下DIV固定,中间DIV自适应的HTML+CSS实现
项目快结了,所以就做一下总结,以便以后复习。 项目主页的左侧菜单部分,界面要求就是上方为项目logo以及显示用户,下方需要显示版权,中间部分就是显示菜单选项。废话不多说,直接上代码。 HTML: CSS: .header{ position:absolute; top
Float引起div自适应高度无效的解决办法
Float引起div自适应高度无效的解决办法。 一、当子元素在正常的文档流中时 三生草 #ss{ border:2px solid yellow; width:400px; } #sr{ background:red; width:200px; height:100px; margin:0 auto; } 上面的父元
兼容在不同浏览器不同分辨率下DIV高度自适应
在框架中嵌套了页面,页面中有些DIV,但都没有具体高度时,需要让一个div高度自适应时的解决办法 下面是笔者用js来判断不同浏览器的分辨率来动态设置的div高度  var getDiv = document.getElementById("MainArea");             getDiv.style.overflow = "auto";             if (na
怎么让div的高度自适应屏幕的高度
html,body{height:100%; width:100%; overflow:hidden; margin:0;padding:0;} body{height:100%; width:100%; overflow:hidden; margin:0;padding:0;} div{height:100%;}解决div自适应整个屏幕
让并排的两个Div自适应高度(一样高)
需求: 解决办法: 由于设计页面需要,要把两个并排显示的div实现一样高的效果,n行n列布局,每列高度(事先并不能确定哪列的高度)的相同,是每个设计师追求的目标。方法有以下几种:1、JS实现(判断2个div高);2、纯css方法;3、加背景图片实现。首先说下本博客实现的2个div一样高的方法(即js方法)。     div+css基本布局:
css中div高度自适应且固定剩余高度由另外div内容填充
最近做个页面设计,头部是搜索框以及过滤按钮那些,而剩余高度内容则是列表内容用来显示过滤后的内容。在移动设备显示头部内容会随屏幕大小而改变,所以不能把高度设定死,但剩余部高度又要显示列表内容。构思是头部有一部分的高度随着内容的变化而变化,但这头部是固定的fiexd。剩余部分是列表高度。每次试验发现都虽说下面列表有接在头部位置下面但是当页面往上拉时列表内容会跑到头部内容的下一层去。 一次意外嵌套的尝试
如何让div自适应背景图的高度?
给背景图片DIV样式添加一个和背景图片高宽比例相同的padding-bottom值即可比如背景图片大小为1903x650,高宽比为34.156%,同时还可以用媒体选择器来更换不同大小的图片及更换高宽比例。<style> .BackPhoto { background-image: url(xxx_1903x650.jpg); background-size:cover; pa
父div 自动适应子div 宽度,撑开浏览器的宽度。
看到标题的时候,一下子不知道说的是什么意思? 我解释一下: 就是在默认的情况下,当我们设置的时候div的宽度为浏览器的宽度。 现在有这样一个布局: content 出来的效果: 当我拖动滚动条的时候,看到子div 已经超过父div的宽度了。这样很是影响布局效果。 我们可以让父div 不受浏览器的影响。可以让父div脱离文档标准输出流。 效果:
jQuery 插件:随窗口大小变化的自适应高度元素
严格说,这个不算是插件,做回标题党。 /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法:给需要的 div 元素添加 autoheight 属性,如: ... 可以修改选择符,如写为 ".autoheight" 或是其
DIV+CSS左右两列自适应高度的方法
DIV+CSS左右两列自适应高度的方法-HTMer .main{500px;overflow:hidden;} .left{width:100px;background-color:#0CC;margin-bottom:-9999px;padding-bottom:9999px;float:left;} .right{width:400px;background-colo
关闭