Firefox div高度自适应


Posted in Javascript onApril 28, 2009

1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容超出height,IE会自适应其高度。但是一旦设置了 height以后,FIrefox就不会自适应div的高度了。所以只能两个属性都不用,干干净净地写<div>Jimbor Studio</div>。

2.即使不设置固定高度,Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是在div内的最下面加一个clear:both的div。例如:

<div> 
<div style="float:left;">Jmedia Design</div> 
<div style="float:right;">www.jmedia.cn</div> 
<div style="clear:both;"></div> 
</div>

3.还有看到一个js解决的,也可以。

<script type="text/javascript"> 
<!-- 
document.getElementById("box").style.height=document.getElementById("right").scrollHeight+20+"px" 
--> 
</script>
Javascript 相关文章推荐
jQuery MD5加密实现代码
Mar 15 Javascript
关于JavaScript中var声明变量作用域的推断
Dec 16 Javascript
javascript实现带下拉子菜单的导航菜单效果
May 14 Javascript
IE6兼容透明背景图片及解决方案
Aug 19 Javascript
js图片轮播特效代码分享
Sep 07 Javascript
vue实现登陆登出的实现示例
Sep 15 Javascript
开发Vue树形组件的示例代码
Dec 21 Javascript
10个经典的网页鼠标特效代码
Jan 09 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
Javascript读写cookie的实例源码
Mar 16 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
flexible.js实现移动端rem适配方案
Apr 07 Javascript
jquery 获取json数据实现代码
Apr 27 #Javascript
javascript 对象比较实现代码
Apr 27 #Javascript
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 #Javascript
一个选择最快的服务器转向代码
Apr 27 #Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 #Javascript
细品javascript 寻址,闭包,对象模型和相关问题
Apr 27 #Javascript
基于jQuery图片平滑连续滚动插件
Apr 27 #Javascript
You might like
遭遇php的in_array低性能问题
2013/09/17 PHP
PHP用strstr()函数阻止垃圾评论(通过判断a标记)
2013/09/28 PHP
检测是否已安装 .NET Framework 3.5的js脚本
2009/02/14 Javascript
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
javascript+css3 实现动态按钮菜单特效
2016/02/06 Javascript
动态加载js、css的简单实现代码
2016/05/26 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
JS实现图片旋转动画效果封装与使用示例
2018/07/09 Javascript
python文件的md5加密方法
2016/04/06 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
python配置文件写入过程详解
2019/10/19 Python
python滑块验证码的破解实现
2019/11/10 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
pyCharm 设置调试输出窗口中文显示方式(字符码转换)
2020/06/09 Python
python读取excel进行遍历/xlrd模块操作
2020/07/12 Python
python用Configobj模块读取配置文件
2020/09/26 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
CSS3 简写animation
2012/05/10 HTML / CSS
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
学习十八大精神心得体会
2013/12/31 职场文书
篝火晚会策划方案
2014/05/16 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
2015年全民国防教育日活动总结
2015/03/23 职场文书
2015年财务部工作总结
2015/04/10 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书
芙蓉镇观后感
2015/06/10 职场文书
漫改真人电影「萌系男友是燃燃的橘色」公开先导视觉图
2022/03/21 日漫