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 相关文章推荐
JS 树形递归实例代码
May 18 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
单击和双击事件的冲突处理示例代码
Apr 03 Javascript
jQuery动画特效实例教程
Aug 29 Javascript
禁用页面部分JavaScript不是全部而是部分
Sep 03 Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 Javascript
浅谈JSON中stringify 函数、toJosn函数和parse函数
Jan 26 Javascript
javascript实现删除前弹出确认框
Jun 04 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
微信小程序progress组件使用详解
Jan 31 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 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
一个简单计数器的源代码
2006/10/09 PHP
服务器端解压缩zip的脚本
2006/12/22 PHP
php 常用字符串函数总结
2008/03/15 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
PHP命名空间(namespace)原理与用法详解
2019/12/11 PHP
理解JavaScript中的事件
2006/09/23 Javascript
Add a Formatted Table to a Word Document
2007/06/15 Javascript
javascript实现二分查找法实现代码
2007/11/12 Javascript
JavaScript DOM学习第八章 表单错误提示
2010/02/19 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
javascript中创建对象的几种方法总结
2013/11/01 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
2015/05/25 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
javascript实现计算器功能
2020/03/30 Javascript
Vue看了就会的8个小技巧
2021/01/21 Vue.js
简单讲解Python中的闭包
2015/08/11 Python
在Python 字典中一键对应多个值的实例
2019/02/03 Python
python图像处理入门(一)
2019/04/04 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
python实现的按要求生成手机号功能示例
2019/10/08 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
python实现布隆过滤器及原理解析
2019/12/08 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
超越自我演讲稿
2014/05/21 职场文书
党性分析自查总结
2014/10/14 职场文书
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js
Python 数据可视化工具 Pyecharts 安装及应用
2022/04/20 Python