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监听表单value的修改同步问题,跨浏览器支持
Dec 31 Javascript
jquery实现心算练习代码
Dec 06 Javascript
js中生成map对象的方法
Jan 09 Javascript
jquery实现pager控件示例
Apr 09 Javascript
JavaScript中的Math 使用介绍
Apr 21 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
Feb 10 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
Sep 20 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
js+h5 canvas实现图片验证码
Oct 11 Javascript
解决Vue watch里调用方法的坑
Nov 07 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
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
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
PHP图像处理之使用imagecolorallocate()函数设置颜色例子
2014/11/19 PHP
php+mysql数据库查询实例
2015/01/21 PHP
PHP中header用法小结
2016/05/23 PHP
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
Laravel框架下载,安装及路由操作图文详解
2019/12/04 PHP
jQuery实现id模糊查询的小例子
2013/03/19 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
微信小程序 获取相册照片实例详解
2016/11/16 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
react-native封装插件swiper的使用方法
2018/03/20 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
2020/02/24 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
JS 图片压缩原理与实现方法详解
2020/04/29 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
python中的yield使用方法
2014/02/11 Python
Python中的多重装饰器
2015/04/11 Python
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
Selenium的使用详解
2018/10/19 Python
python pandas消除空值和空格以及 Nan数据替换方法
2018/10/30 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
python matlab库简单用法讲解
2020/12/31 Python
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
英国轻奢珠宝品牌:Astley Clarke
2016/12/18 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
社会保险接收函
2014/01/12 职场文书
企业军训感想
2014/02/07 职场文书
小学生读书活动总结
2014/06/30 职场文书
使用python生成大量数据写入es数据库并查询操作(2)
2022/09/23 Python