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 相关文章推荐
鼠标事件延时切换插件
Mar 12 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
Jun 27 Javascript
jQuery实现多按钮单击变色
Nov 27 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
属于你的jQuery提示框(Tip)插件
Jan 20 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
Jan 26 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
May 16 Javascript
基于BootStrap实现局部刷新分页实例代码
Aug 08 Javascript
微信小程序url与token设置详解
Sep 26 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 Javascript
vue props对象validator自定义函数实例
Nov 13 Javascript
Vue数据双向绑定底层实现原理
Nov 22 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
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
php入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
php解决约瑟夫环示例
2014/04/09 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
PHP生成加减算法方式的验证码实例
2018/03/12 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
js href的用法
2010/05/13 Javascript
理解Javascript_09_Function与Object
2010/10/16 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
Node.js和PHP根据ip获取地理位置的方法
2014/03/14 Javascript
js获取滚动距离的方法
2015/05/30 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
2016/08/11 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
vue远程加载sfc组件思路详解
2019/12/25 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
Python中Django 后台自定义表单控件
2017/03/28 Python
Python变量赋值的秘密分享
2018/04/03 Python
python 显示数组全部元素的方法
2018/04/19 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
Python如何存储数据到json文件
2020/03/09 Python
Python中socket网络通信是干嘛的
2020/05/27 Python
python 如何在测试中使用 Mock
2021/03/01 Python
美国家用电器和电子产品商店:Abt
2016/09/06 全球购物
希尔顿酒店中国网站:Hilton中国
2017/03/11 全球购物
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
幼师专业毕业生自荐信
2013/09/29 职场文书
总经理秘书工作职责
2013/12/26 职场文书
企业管理制度设计时要注意的几种“常见病”!
2019/04/19 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
基于Redis过期事件实现订单超时取消
2021/05/08 Redis
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL