繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Firefox div高度自适应
- Javascript
- 点击广告后才能获得下载地址
- document.open() 与 document.write()
- 定单管理上 JS表格排序
- js传值 判断
- 动态改变textbox的宽高的js
- 如何用javascript控制上传文件的大小
- 利用XMLHTTP传递参数在另一页面执行并刷新本页
- 发表文章时自动保存到剪贴板
- 取得传值的函数
- 拖动层
- 按键测试，支持像 Ctrl+Alt+Shift+T 的组合键
- 将多选框选中时打勾的颜色
- 脚本和web页共用同一个文件测试
- 教学演示-UBB,剪贴板,textRange及其他
- 仿YAHOO的一个小效果 下拉效果
- 多线程的全选复选框
- 一些实用的TAB效果
- Js中sort()方法的用法
- js计数器代码
- 破除一些网站复制、右键限制
Javascript 中的 Firefox div高度自适应
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 332 ::
收藏到网摘: n/a
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>
评论 (0) All
