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表单验证插件EasyValidator用法分析
Nov 15 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
JS三级可折叠菜单实现方法
Feb 29 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
Oct 13 Javascript
js禁止表单重复提交
Aug 29 Javascript
微信小程序日期时间选择器使用方法
Feb 01 Javascript
vue 页面加载进度条组件实例
Feb 05 Javascript
vue中如何去掉空格的方法实现
Nov 09 Javascript
Js类的构建与继承案例详解
Sep 15 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
dedecms防止FCK乱格式化你的代码的修改方法
2007/03/17 PHP
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
php 目录遍历、删除 函数的使用介绍
2013/04/28 PHP
PHP获取本周第一天和最后一天示例代码
2014/02/24 PHP
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
Javascript 面向对象编程(coolshell)
2012/03/18 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
js判断字符长度及中英文数字等
2014/03/19 Javascript
javascript替换已有元素replaceChild()使用介绍
2014/04/03 Javascript
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
Javascript的无new构建实例详解
2016/05/15 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
ionic选择多张图片上传的示例代码
2017/10/10 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
JavaScript实现星级评价效果
2019/05/17 Javascript
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
Python使用BeautifulSoup库解析HTML基本使用教程
2016/03/31 Python
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
Python 正则表达式实现计算器功能
2017/04/29 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
Django forms组件的使用教程
2018/10/08 Python
软件测试面试题
2015/10/21 面试题
仓库主管的岗位职责
2013/12/04 职场文书
公司同意接收函
2014/01/13 职场文书
学校安全检查制度
2014/01/27 职场文书
五好关工委申报材料
2014/05/31 职场文书
师德先进个人事迹材料
2014/12/19 职场文书
大学生自我评价范文
2015/03/03 职场文书
趣味运动会口号
2015/12/24 职场文书
浅析Django接口版本控制
2021/06/26 Python
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL