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 相关文章推荐
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
微信小程序 开发MAP(地图)实例详解
Jun 27 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
react-native fetch的具体使用方法
Nov 01 Javascript
vue-resource + json-server模拟数据的方法
Nov 02 Javascript
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
js防抖和节流的深入讲解
Dec 06 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
Apr 01 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 操作调试的方法
2012/07/12 PHP
PHP对象递归引用造成内存泄漏分析
2014/08/28 PHP
php实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
捕获关闭窗口的脚本
2009/01/10 Javascript
flash 得到自身url参数的代码
2009/11/15 Javascript
当前页禁止复制粘贴截屏代码小集
2013/07/24 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
2017/08/03 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
微信小程序新手教程之启动页的重要性
2019/03/03 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
vue实现信息管理系统
2020/05/30 Javascript
在vue中使用回调函数,this调用无效的解决
2020/08/11 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
跟老齐学Python之类的细节
2014/10/13 Python
用Django实现一个可运行的区块链应用
2018/03/08 Python
python实现彩票系统
2020/06/28 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
Python实现的爬取百度贴吧图片功能完整示例
2019/05/10 Python
Python 变量的创建过程详解
2019/09/02 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
Python面向对象多态实现原理及代码实例
2020/09/16 Python
如何在网站上添加谷歌定位信息
2016/04/16 HTML / CSS
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
数控专业个人求职信范例
2013/11/29 职场文书
《长城》教学反思
2014/02/14 职场文书
团员个人年度总结
2015/02/26 职场文书
工作后的感想
2015/08/07 职场文书
Mysql调整优化之四种分区方式以及组合分区
2022/04/13 MySQL