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 addBookmark 加入收藏 多浏览器兼容
Aug 15 Javascript
读jQuery之九 一些瑕疵说明
Jun 21 Javascript
JS实现根据出生年月计算年龄
Jan 10 Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 Javascript
angular中使用Socket.io实例代码
Jun 03 Javascript
用node和express连接mysql实现登录注册的实现代码
Jul 05 Javascript
简单谈谈js的数据类型
Sep 25 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
JQuery省市联动效果实现过程详解
May 08 jQuery
详解JavaScript中的this指向问题
Feb 05 Javascript
JavaScript前端面试组合函数
Jun 21 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
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
总结一些js自定义的函数
2006/08/05 Javascript
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
js数组操作学习总结
2013/11/04 Javascript
javascript实现存储hmtl字符串示例
2014/04/25 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
javascript insertAfter()定义与用法示例
2016/07/25 Javascript
js实现鼠标左右移动,图片也跟着移动效果
2017/01/25 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
node.js使用stream模块实现自定义流示例
2020/02/13 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
Python中的闭包详细介绍和实例
2014/11/21 Python
下载python中Crypto库报错:ModuleNotFoundError: No module named ‘Crypto’的解决
2018/04/23 Python
python numpy格式化打印的实例
2018/05/14 Python
pygame游戏之旅 添加icon和bgm音效的方法
2018/11/21 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
python文件操作的简单方法总结
2019/11/07 Python
python GUI库图形界面开发之PyQt5打印控件QPrinter详细使用方法与实例
2020/02/28 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
Python字典dict常用方法函数实例
2020/11/09 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
挪威户外活动服装和装备购物网站:Bergfreunde挪威
2016/10/20 全球购物
英国名牌服装购物网站:OD’s Designer
2019/09/02 全球购物
查摆问题对照检查材料
2014/08/28 职场文书
内科护士节演讲稿
2014/09/11 职场文书
2014年维稳工作总结
2014/11/18 职场文书
推广普通话的宣传语
2015/07/13 职场文书
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS
Nginx实现会话保持的两种方式
2022/03/18 Servers
python井字棋游戏实现人机对战
2022/04/28 Python