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:;与javascript:void(0)使用介绍
Jun 05 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
Javascript获取background属性中url的值
Oct 17 Javascript
jquery css实现邮箱自动补全
Nov 14 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
vue-cli3添加模式配置多环境变量的方法
Jun 05 Javascript
JS实现电商商品展示放大镜特效
Jan 07 Javascript
eslint+prettier统一代码风格的实现方法
Jul 22 Javascript
vue页面跳转实现页面缓存操作
Jul 22 Javascript
JavaScript流程控制(循环)
Dec 06 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实现监听事件
2013/11/06 PHP
php打开远程文件的方法和风险及解决方法
2013/11/12 PHP
php使用json_encode对变量json编码
2014/04/07 PHP
THINKPHP项目开发中的日志记录实例分析
2014/12/01 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
jQuery EasyUI 中文API Layout(Tabs)
2010/04/27 Javascript
javascript调试说明
2010/06/07 Javascript
javascript奇异的arguments分析
2010/10/20 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
json属性名为什么要双引号(个人猜测)
2014/07/31 Javascript
jQuery的事件委托实例分析
2015/07/15 Javascript
一道常被人轻视的web前端常见面试题(JS)
2016/02/15 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
Vue表单验证插件Vue Validator使用方法详解
2017/04/07 Javascript
js实现rem自动匹配计算font-size的示例
2017/11/18 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
python分割文件的常用方法
2014/11/01 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
在python中pandas的series合并方法
2018/11/12 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
Melijoe时尚童装德国官网:Melijoe德国
2016/09/03 全球购物
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
C#如何进行LDAP用户校验
2012/11/21 面试题
计算机专业自荐信
2013/10/14 职场文书
化工专业推荐信范文
2013/11/28 职场文书
物流专员岗位职责
2014/02/17 职场文书
高等教育学专业自荐书
2014/06/17 职场文书
美德少年事迹材料500字
2014/08/19 职场文书
幼儿园见习总结
2015/06/23 职场文书
cf战队宣传语
2015/07/13 职场文书
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python