Firefox div高度自适应
更新时间：2009年04月28日 08:54:22 作者：
IE不管设置div的高度与否，都会根据内容来自适应高度。但是FIrefox就没有这么聪明了。
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>
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>
相关文章
ESLint是一个流行的JavaScript代码检查工具,它可以帮助团队确保代码质量,避免常见的错误和格式问题,这篇文章主要给大家介绍了关于前端技巧之ESLint忽略检查行和文件的相关资料,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了JS绘制生成花瓣效果的方法,涉及javascript数学运算及页面元素操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
不推荐使用getYear()这个函数，因为在火狐中显示是不正确的，所以推荐使用getFullYear() 函数，接下来为大家详细介绍下getYear函数在不同浏览下的使用问题2013-04-04
本文主要介绍了常用的几种跨域处理方法、跨域的原理解析及实现方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
本文通过实例向大家讲述了js实例属性和原型属性，详情请看注释，看不懂的话，请放弃javascript吧。2014-11-11
这篇文章主要介绍了JS通过google翻译插件实现多语言版本,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-06-06
这篇文章主要介绍了Bootstrap表单布局的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
数据中夹杂单引号（'）或者双引号(")，这种语句往往会造成JavaScript报错。对此一般采用/'或者/"的解决2014-09-09
控制前端发起请求的并发数,即限制同一时间内进行处理的请求数量,是一种有效的策略,本文将详细介绍前端控制并发数的几种常见做法,希望对大家有所帮助2023-12-12
下面小编就为大家带来一篇JS添加或修改控件的样式(Class)实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
最新评论