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 相关文章推荐
javascript firefox不显示本地预览图片问题的解决方法
Nov 12 Javascript
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
js实现网页收藏功能
Dec 17 Javascript
jQuery取得iframe中元素的常用方法详解
Jan 14 Javascript
AngularJS 实现弹性盒子布局的方法
Aug 30 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
Mar 28 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
浅析我对JS延迟异步脚本的思考
Oct 12 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-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
PHP二维数组排序的3种方法和自定义函数分享
2014/04/09 PHP
php生成随机颜色的方法
2014/11/13 PHP
php检测url是否存在的方法
2015/04/14 PHP
详解php的socket通信
2015/08/11 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
Laravel自动生成UUID,从建表到使用详解
2019/10/24 PHP
ASP小贴士/ASP Tips javascript tips可以当桌面
2009/12/10 Javascript
基于jQuery的可用于选项卡及幻灯的切换插件
2011/03/28 Javascript
jquery实现的一个导航滚动效果具体代码
2013/05/27 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
2013/09/18 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
详解写好JS条件语句的5条守则
2019/02/28 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
2019/12/25 Javascript
详解Howler.js Web音频播放终极解决方案
2020/08/23 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
python实现简单名片管理系统
2018/11/30 Python
flask session组件的使用示例
2018/12/25 Python
python实现集中式的病毒扫描功能详解
2019/07/09 Python
浅谈Python中os模块及shutil模块的常规操作
2020/04/03 Python
基于plt.title无法显示中文的快速解决
2020/05/16 Python
python thrift 实现 单端口多服务的过程
2020/06/08 Python
日本高端护肤品牌:Tatcha
2016/08/29 全球购物
福克斯租车:Fox Rent A Car
2017/04/13 全球购物
空字符串(“”)和null的区别
2012/11/13 面试题
大学生新闻专业个人自我评价
2013/11/12 职场文书
英语道歉信范文
2014/01/09 职场文书
查摆问题自我剖析材料
2014/08/18 职场文书
农村党员对照检查材料
2014/09/24 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
《分数乘法》教学反思
2016/02/24 职场文书
提高系统的吞吐量解决数据库重复写入问题
2022/04/23 MySQL